Repository navigation
Emerald
ao3skinsss edited this page Sep 27, 2026
·
1 revision
:root {
--velvet: #07110d;
--velvet-2: #0c1b15;
--band: #0a1712;
--well: #050d0a;
--em-deep: #0a3d2c;
--em-bright: #1f9e6d;
--facet: #7de2b4;
--glint: #d8fbe9;
--gold: #c8a24a;
--gold-light: #efd48a;
--gold-deep: #7d6224;
--gold-rim: #9a7c3a;
--gold-inner: #6f5a2c;
--gold-bezel: #b08c3a;
--ivory: #ece4cf;
--text: #ddd4bc;
--muted: #aab8ac;
--mint: #8fe0bb;
--sage: #a9bfb2;
--topaz: #eba76a;
--foil: linear-gradient(180deg, #fdf6db 0%, #f4e0a1 25%, #f1d995 30%, #dab866 46%, #a07e35 50%, #a58237 52%, #ac8739 57%, #a98538 60%, #e6c97e 78%, #eace83 80%, #faeec6 100%);
--bezel: radial-gradient(circle at 16% 12%, rgba(255, 255, 255, 0.42) 0, rgba(255, 255, 255, 0) 16%), conic-gradient(from -45deg, #f9ebc3 0deg, #cfad5a 70deg, #c9a54f 90deg, #a17f35 90deg, #6e531c 180deg, #65491a 180deg, #9a7a31 270deg, #c9a54f 270deg, #f9e8b7 360deg);
--rule: linear-gradient(90deg, rgba(200, 162, 74, 0) 0%, rgba(180, 143, 59, 0.51) 14%, rgba(175, 139, 57, 0.59) 18%, rgba(160, 126, 52, 0.62) 30%, rgba(228, 203, 140, 0.75) 50%, rgba(160, 126, 52, 0.62) 70%, rgba(175, 139, 57, 0.59) 82%, rgba(180, 143, 59, 0.51) 86%, rgba(200, 162, 74, 0) 100%);
--rule-soft: linear-gradient(90deg, rgba(200, 162, 74, 0) 0%, rgba(180, 143, 59, 0.26) 16%, rgba(175, 139, 57, 0.3) 20%, rgba(160, 126, 52, 0.31) 32%, rgba(228, 203, 140, 0.39) 50%, rgba(160, 126, 52, 0.31) 68%, rgba(175, 139, 57, 0.3) 80%, rgba(180, 143, 59, 0.26) 84%, rgba(200, 162, 74, 0) 100%);
--bead: radial-gradient(circle closest-side at 42% 38%, #fffbe8 0, #f0d487 26%, #c49c45 56%, #6f5220 84%, rgba(60, 42, 12, 0) 100%);
--spark: radial-gradient(closest-side, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.45) 40%, rgba(255, 255, 255, 0));
--tri-tl: #f7e3a3;
--tri-tr: #d9b862;
--tri-br: #8a6a28;
--tri-bl: #b08c3a;
--gem-set: linear-gradient(135deg, #e7c878 0, #b8913d 3.2px, rgba(40, 26, 4, 0.8) 3.7px, rgba(40, 26, 4, 0) 4.3px), linear-gradient(225deg, #e7c878 0, #b8913d 3.2px, rgba(40, 26, 4, 0.8) 3.7px, rgba(40, 26, 4, 0) 4.3px), linear-gradient(315deg, #d2b062 0, #9c7a30 3.2px, rgba(40, 26, 4, 0.8) 3.7px, rgba(40, 26, 4, 0) 4.3px), linear-gradient(45deg, #d2b062 0, #9c7a30 3.2px, rgba(40, 26, 4, 0.8) 3.7px, rgba(40, 26, 4, 0) 4.3px);
--rtl: #e1cc9b;
--rtr: #d6b977;
--rbr: #8b6f32;
--rbl: #ac8b3f;
--rdk: #9a7c38;
--rhi: #d9bf82;
}
html {
color-scheme: dark;
scrollbar-color: var(--gold-deep) var(--velvet);
accent-color: var(--em-bright);
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body,
body.javascript,
body.logged-in {
background-color: var(--velvet);
background-image: radial-gradient(ellipse 1000px 560px at 50% -150px, rgba(31, 158, 109, 0.32), rgba(15, 107, 74, 0.11) 46%, rgba(7, 17, 13, 0) 72%), repeating-linear-gradient(90deg, rgba(200, 162, 74, 0.04) 0, rgba(200, 162, 74, 0.04) 1px, rgba(200, 162, 74, 0) 1px, rgba(200, 162, 74, 0) 5px, rgba(200, 162, 74, 0.025) 5px, rgba(200, 162, 74, 0.025) 6px, rgba(200, 162, 74, 0) 6px, rgba(200, 162, 74, 0) 64px), linear-gradient(180deg, #0a1913 0, var(--velvet) 760px);
color: var(--ivory);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
#outer,
#outer.wrapper,
#inner {
background: transparent;
color: var(--ivory);
}
#outer #main {
padding: 8px 4% 56px;
font-size: 14px;
line-height: 1.45;
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading {
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-weight: 400;
color: var(--ivory);
}
em,
i,
cite {
font-style: italic;
}
a,
a:link,
a:visited {
color: var(--gold-light);
border-bottom: none;
text-decoration: none;
}
a:visited {
color: #dcc488;
}
a:hover,
a:visited:hover,
a:focus {
color: var(--glint);
}
#outer a.tag:hover,
#outer a.tag:focus,
#outer .listbox .heading a.tag:visited:hover {
background-color: transparent;
color: var(--glint);
}
a:active,
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
outline: none;
}
#outer :focus-visible,
#outer a:focus-visible,
#outer button:focus-visible,
#outer input:focus-visible,
#outer select:focus-visible,
#outer textarea:focus-visible {
outline: 2px solid var(--facet) !important;
outline-offset: 2px !important;
}
::selection {
background: rgba(31, 158, 109, 0.62);
color: #ffffff;
}
hr {
border: 0;
}
#outer input[type=text],
#outer input[type=password],
#outer input[type=email],
#outer input[type=search],
#outer input[type=url],
#outer input[type=number],
#outer input:not([type]),
#outer textarea,
#outer select {
box-sizing: border-box;
background: var(--well);
color: var(--ivory);
border: 1px solid rgba(200, 162, 74, 0.26);
border-bottom: 1px solid var(--gold);
border-radius: 0;
box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.6);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 15px;
line-height: 1.4;
padding: 7px 10px;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
#outer input[type=text]:focus,
#outer input[type=password]:focus,
#outer input[type=email]:focus,
#outer input[type=search]:focus,
#outer input:not([type]):focus,
#outer textarea:focus,
#outer select:focus {
background: #07130e;
border-color: rgba(125, 226, 180, 0.45);
border-bottom-color: var(--facet);
box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.6), 0 6px 14px -8px rgba(31, 158, 109, 0.9);
}
#outer select {
-webkit-appearance: none;
appearance: none;
padding-right: 30px;
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, var(--gold) 50%), linear-gradient(135deg, var(--gold) 50%, rgba(0, 0, 0, 0) 50%);
background-position: right 15px center, right 10px center;
background-size: 5px 5px, 5px 5px;
background-repeat: no-repeat;
cursor: pointer;
}
#outer select option {
background: var(--velvet-2);
color: var(--ivory);
}
#outer textarea {
line-height: 1.6;
resize: vertical;
}
#outer input[type=checkbox],
#outer input[type=radio] {
accent-color: var(--em-bright);
width: 15px;
height: 15px;
vertical-align: -2px;
}
#outer label {
color: var(--ivory);
}
#outer fieldset,
#outer form dl,
#outer fieldset dl dl,
#outer fieldset fieldset fieldset,
#outer fieldset fieldset dl dl,
#outer dd.hideme,
#outer form blockquote.userstuff {
background: transparent;
border: 0;
box-shadow: none;
}
#outer .footnote,
#outer p.footnote {
color: var(--muted);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-style: italic;
}
#outer .datetime {
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
}
#outer #header .menu,
#outer #header .menu::before,
#outer li.blurb,
#outer li.blurb::before,
#outer #main form.filters > fieldset,
#outer #main form.filters > fieldset::before,
#outer #main dl.work.meta,
#outer #main dl.work.meta::before,
#outer #workskin,
#outer #main li.comment,
#outer #main div.post.comment fieldset,
#outer #main #kudos,
#outer #main .bookmark div.user.module,
#outer #main div.primary.header.module,
#outer #main .work.navigation .secondary,
#outer #dashboard,
#outer #dashboard .secondary,
#modal {
--oct: linear-gradient(135deg, transparent var(--cut), var(--fill) var(--cut2)) top left, linear-gradient(225deg, transparent var(--cut), var(--fill) var(--cut2)) top right, linear-gradient(315deg, transparent var(--cut), var(--fill) var(--cut2)) bottom right, linear-gradient(45deg, transparent var(--cut), var(--fill) var(--cut2)) bottom left;
--rim: linear-gradient(135deg, transparent var(--rcut), var(--rtl) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) top left, linear-gradient(225deg, transparent var(--rcut), var(--rtr) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) top right, linear-gradient(315deg, transparent var(--rcut), var(--rbr) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) bottom right, linear-gradient(45deg, transparent var(--rcut), var(--rbl) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) bottom left;
--prongs: radial-gradient(circle at 3px 3px, #fbeec0 0, #d9b862 1.3px, rgba(200, 162, 74, 0) 2.5px) left var(--pr) top var(--pr), radial-gradient(circle at 3px 3px, #fbeec0 0, #d9b862 1.3px, rgba(200, 162, 74, 0) 2.5px) right var(--pr) top var(--pr), radial-gradient(circle at 3px 3px, #e9cf85 0, var(--gold) 1.3px, rgba(200, 162, 74, 0) 2.5px) right var(--pr) bottom var(--pr), radial-gradient(circle at 3px 3px, #e9cf85 0, var(--gold) 1.3px, rgba(200, 162, 74, 0) 2.5px) left var(--pr) bottom var(--pr);
--pr: 6.9px;
--cut: 13.6px;
--cut2: 14.1px;
--fill: var(--band);
--rcut: 14px;
--rcut2: 14.5px;
--rfill: var(--gold);
--rtl: #e1cc9b;
--rtr: #d6b977;
--rbr: #8b6f32;
--rbl: #ac8b3f;
--rdk: #9a7c38;
--rhi: #d9bf82;
}
#outer #header {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 50;
margin: 0 0 6px;
padding: 10px 4% 0;
background: transparent;
border: 0;
box-shadow: none;
font-size: 14px;
}
#outer #header a,
#outer #header fieldset,
#outer #header form,
#outer #header p,
#outer #header li,
#outer #header h1 {
background: transparent;
border: 0;
box-shadow: none;
}
#outer #header .clear {
display: none;
}
#outer #header #greeting,
#outer #header #login {
order: 1;
align-self: stretch;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
float: none;
margin: 0;
padding: 0;
}
#outer #header #greeting ul.user,
#outer #header #login ul.user {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
float: none;
padding: 0;
margin: 0;
}
#outer #header #greeting ul.user > li {
float: none;
margin: 0;
}
#outer #header #greeting ul.user > li + li::before {
content: '';
display: inline-block;
width: 4px;
height: 4px;
margin: 0 2px;
vertical-align: 2px;
background: conic-gradient(from -45deg, #9e895b 0 90deg, #584418 90deg 180deg, #6c541f 180deg 270deg, #b8a987 270deg);
transform: rotate(45deg);
}
#outer #header #greeting ul.user > li > a,
#outer #header #login a {
display: inline-block;
padding: 7px 10px;
background: transparent;
border-radius: 0;
color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10.5px;
font-weight: 500;
letter-spacing: 0.2em;
line-height: 1.4;
text-transform: uppercase;
transition: color 0.2s ease;
}
#outer #header #greeting ul.user > li > a:hover,
#outer #header #greeting ul.user > li > a:focus,
#outer #header #greeting .dropdown:hover > a,
#outer #header #greeting .open > a {
background: transparent;
color: var(--glint);
border-radius: 0;
text-shadow: 0 0 12px rgba(125, 226, 180, 0.6);
}
#outer #header #greeting p.icon {
float: none;
order: 2;
margin: 0 0 0 10px;
padding: 0;
width: auto;
height: auto;
line-height: 0;
}
#outer #header #greeting p.icon a {
display: block;
padding: 2px;
background: var(--velvet);
box-shadow: 0 0 0 1px var(--gold), 0 6px 14px rgba(0, 0, 0, 0.55);
}
#outer #header #greeting img.icon {
display: block;
width: 26px;
height: 26px;
box-shadow: 0 0 0 1px var(--gold-inner);
}
#outer #header h1.heading {
order: 2;
position: relative;
float: none;
margin: 4px 0 0;
padding: 124px 0 30px;
text-align: center;
line-height: 1;
font-size: 14px;
--stone-size: 272px 184px, 272px 184px, 272px 184px, 272px 184px, 272px 184px, 272px 184px, 272px 184px, 272px 184px, 272px 184px, 158px 2px, 23px 24px, 27px 27px, 23px 24px, 158px 2px, 31px 31px, 170px 2px, 2px 96px, 27px 27px, 2px 96px, 272px 13px, 272px 24px, 272px 34px, 272px 13px, 272px 17px, 272px 19px, 272px 23px, 272px 29px, 4px 184px, 12px 184px, 15px 184px, 24px 184px, 34px 184px, 4px 184px, 10px 184px, 13px 184px, 16px 184px, 21px 184px, 30px 184px, 136px 92px, 135px 91px, 135px 91px, 135px 91px, 135px 91px, 135px 91px, 136px 92px, 134px 91px, 134px 91px, 134px 91px, 133px 91px, 133px 91px, 132px 91px, 132px 91px, 132px 91px, 132px 91px, 132px 91px, 132px 91px, 132px 91px, 131px 91px, 136px 92px, 135px 89px, 135px 88px, 135px 88px, 135px 88px, 135px 87px, 135px 86px, 135px 86px, 136px 92px, 134px 89px, 133px 88px, 133px 88px, 133px 87px, 132px 87px, 132px 86px, 132px 86px, 131px 86px, 202px 114px, 41px 114px, 116px 17px, 122px 10px, 132px 11px, 148px 18px, 160px 14px, 202px 26px, 116px 21px, 122px 10px, 132px 11px, 148px 18px, 160px 14px, 202px 26px, 17px 184px, 23px 184px, 30px 184px, 44px 184px, 54px 184px, 76px 184px, 17px 184px, 23px 184px, 30px 184px, 44px 184px, 54px 184px, 76px 184px, 129px 82px, 135px 82px, 129px 91px, 135px 91px;
--stone-pos: 38px 14px, 38px 14px, 38px 14px, 38px 14px, 38px 14px, 38px 14px, 38px 14px, 38px 14px, 38px 14px, 95px 48px, 73px 48px, 258px 146px, 252px 48px, 95px 162px, 51px 154px, 89px 38px, 50px 58px, 258px 39px, 296px 58px, 38px 14px, 38px 15px, 38px 15px, 38px 185px, 38px 176px, 38px 173px, 38px 169px, 38px 163px, 38px 14px, 39px 14px, 39px 14px, 39px 14px, 39px 14px, 306px 14px, 297px 14px, 294px 14px, 290px 14px, 285px 14px, 275px 14px, 38px 14px, 39px 15px, 39px 15px, 39px 15px, 39px 15px, 39px 15px, 174px 14px, 174px 15px, 174px 15px, 174px 15px, 174px 15px, 174px 15px, 174px 15px, 174px 15px, 174px 15px, 174px 15px, 174px 15px, 174px 15px, 174px 15px, 174px 15px, 38px 106px, 39px 106px, 39px 106px, 39px 106px, 39px 106px, 39px 106px, 39px 106px, 39px 106px, 174px 106px, 174px 106px, 174px 106px, 174px 106px, 174px 106px, 174px 106px, 174px 106px, 174px 106px, 174px 106px, 73px 49px, 41px 49px, 116px 89px, 113px 83px, 108px 76px, 100px 62px, 94px 52px, 73px 30px, 116px 102px, 113px 119px, 108px 125px, 100px 132px, 94px 146px, 73px 156px, 113px 14px, 107px 14px, 100px 14px, 86px 14px, 76px 14px, 54px 14px, 218px 14px, 218px 14px, 218px 14px, 218px 14px, 218px 14px, 218px 14px, 45px 24px, 174px 24px, 45px 106px, 174px 106px;
--glow: radial-gradient(closest-side, rgba(0, 0, 0, 0.78) 0, rgba(0, 0, 0, 0.5) 45%, rgba(0, 0, 0, 0) 100%), radial-gradient(closest-side, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.3) 55%, rgba(0, 0, 0, 0) 100%), linear-gradient(#0000, #0000);
--glow-size: 300px 64px, 344px 168px, 1px 1px;
--glow-pos: 24px 176px, 2px 76px, 0 0;
}
#outer #header h1.heading a {
display: block;
position: static;
padding: 0;
font-size: 14px;
line-height: 1;
color: var(--gold-light);
text-decoration: none;
}
#outer #header h1.heading a:hover,
#outer #header h1.heading a:focus-visible {
--stone-pos: 38px 14px, 38px 14px, 38px 14px, 38px 14px, 38px 14px, 38px 14px, 38px 14px, 38px 14px, 38px 14px, 99px 53px, 77px 53px, 261px 151px, 256px 53px, 99px 167px, 53px 157px, 92px 43px, 52px 61px, 261px 44px, 298px 61px, 38px 14px, 41px 20px, 42px 20px, 38px 185px, 41px 180px, 41px 178px, 41px 174px, 42px 168px, 38px 14px, 41px 17px, 41px 17px, 42px 19px, 43px 19px, 306px 14px, 299px 17px, 296px 17px, 293px 18px, 288px 19px, 279px 19px, 38px 14px, 40px 16px, 40px 16px, 41px 18px, 42px 20px, 43px 20px, 174px 14px, 175px 16px, 175px 16px, 175px 17px, 176px 18px, 176px 19px, 177px 19px, 177px 19px, 177px 20px, 177px 20px, 177px 20px, 177px 20px, 177px 20px, 178px 20px, 38px 106px, 40px 108px, 41px 109px, 41px 109px, 41px 109px, 42px 110px, 42px 111px, 43px 111px, 174px 106px, 175px 108px, 176px 109px, 176px 109px, 176px 110px, 177px 110px, 177px 111px, 177px 111px, 178px 111px, 73px 49px, 41px 49px, 110px 80px, 107px 74px, 102px 67px, 94px 53px, 88px 43px, 67px 21px, 110px 93px, 107px 110px, 102px 116px, 94px 123px, 88px 137px, 67px 147px, 107px 5px, 101px 5px, 94px 5px, 80px 5px, 70px 5px, 48px 5px, 212px 5px, 212px 5px, 212px 5px, 212px 5px, 212px 5px, 212px 5px, 39px 15px, 168px 15px, 39px 97px, 168px 97px;
--stone-size: 272px 184px, 272px 184px, 272px 184px, 272px 184px, 272px 184px, 272px 184px, 272px 184px, 272px 184px, 272px 184px, 158px 2px, 23px 24px, 27px 27px, 23px 24px, 158px 2px, 31px 31px, 170px 2px, 2px 96px, 27px 27px, 2px 96px, 272px 13px, 272px 24px, 272px 34px, 272px 13px, 272px 17px, 272px 19px, 272px 23px, 272px 29px, 4px 184px, 12px 184px, 15px 184px, 24px 184px, 34px 184px, 4px 184px, 10px 184px, 13px 184px, 16px 184px, 21px 184px, 30px 184px, 136px 92px, 135px 91px, 135px 91px, 135px 91px, 135px 91px, 135px 91px, 136px 92px, 134px 91px, 134px 91px, 134px 91px, 133px 91px, 133px 91px, 132px 91px, 132px 91px, 132px 91px, 132px 91px, 132px 91px, 132px 91px, 132px 91px, 131px 91px, 136px 92px, 135px 89px, 135px 88px, 135px 88px, 135px 88px, 135px 87px, 135px 86px, 135px 86px, 136px 92px, 134px 89px, 133px 88px, 133px 88px, 133px 87px, 132px 87px, 132px 86px, 132px 86px, 131px 86px, 202px 114px, 265px 114px, 116px 17px, 122px 10px, 132px 11px, 148px 18px, 160px 14px, 202px 26px, 116px 21px, 122px 10px, 132px 11px, 148px 18px, 160px 14px, 202px 26px, 17px 184px, 23px 184px, 30px 184px, 44px 184px, 54px 184px, 76px 184px, 17px 184px, 23px 184px, 30px 184px, 44px 184px, 54px 184px, 76px 184px, 129px 82px, 135px 82px, 129px 91px, 135px 91px;
--glow-size: 312px 72px, 356px 176px, 1px 1px;
--glow-pos: 14px 168px, 0 64px, 0 0;
}
#outer #header h1.heading a::before {
content: '';
position: absolute;
top: 0;
left: 50%;
box-sizing: border-box;
width: 368px;
height: 244px;
padding: 12px 56px 44px 36px;
margin-left: -87px;
transform: translate(87px, 53px) rotateX(0deg) rotateY(0deg) translate(-87px, -53px) scale(0.5);
transform-origin: 0 0;
background-image: radial-gradient(circle 4.5px at 57.3px 35px, rgba(255, 255, 255, 0.99) 0, rgba(236, 255, 246, 0.91) 30%, rgba(236, 255, 246, 0) 100%), radial-gradient(ellipse 9.36px 1px at 57.3px 35px, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0)), radial-gradient(ellipse 1px 7.49px at 57.3px 35px, rgba(255, 255, 255, 0.81), rgba(255, 255, 255, 0)), radial-gradient(circle 3px at 25px 51.22px, rgba(255, 255, 255, 0.97) 0, rgba(236, 255, 246, 0.83) 30%, rgba(236, 255, 246, 0) 100%), radial-gradient(ellipse 6.24px 1px at 25px 51.22px, rgba(255, 255, 255, 0.89), rgba(255, 255, 255, 0)), radial-gradient(ellipse 1px 4.99px at 25px 51.22px, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0)), radial-gradient(circle 2.5px at 243.54px 155.54px, rgba(255, 255, 255, 0.94) 0, rgba(236, 255, 246, 0.75) 30%, rgba(236, 255, 246, 0) 100%), radial-gradient(ellipse 5.2px 1px at 243.54px 155.54px, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0)), radial-gradient(ellipse 1px 4.16px at 243.54px 155.54px, rgba(255, 255, 255, 0.71), rgba(255, 255, 255, 0)), linear-gradient(#0000, rgba(152, 187, 159, 0.95) 50%, #0000), linear-gradient(to bottom right, #0000 15.71px, rgba(65, 91, 70, 0.95) 16.61px, #0000 17.51px), linear-gradient(to bottom right, #0000 18.19px, rgba(56, 99, 64, 0.95) 19.09px, #0000 19.99px), linear-gradient(to bottom left, #0000 15.71px, rgba(50, 85, 59, 0.95) 16.61px, #0000 17.51px), linear-gradient(#0000, rgba(8, 96, 29, 0.95) 50%, #0000), linear-gradient(to bottom left, #0000 21.02px, rgba(23, 73, 36, 0.95) 21.92px, #0000 22.82px), linear-gradient(#0000, rgba(32, 112, 47, 0.95) 50%, #0000), linear-gradient(90deg, #0000, rgba(28, 73, 26, 0.95) 50%, #0000), linear-gradient(to bottom left, #0000 18.19px, rgba(26, 58, 35, 0.95) 19.09px, #0000 19.99px), linear-gradient(90deg, #0000, rgba(9, 92, 21, 0.95) 50%, #0000), conic-gradient(from 270deg at 136px 164.29px, #0000 58.5deg, #012f09 58.7deg 72.1deg, #01360c 72.3deg 112deg, #01360a 112.3deg 117.7deg, #013209 117.9deg 121.3deg, #0000 121.5deg), conic-gradient(from 270deg at 136px 163.29px, #0000 58.4deg, #1a491b 58.7deg 62.7deg, #193c19 62.9deg 67.9deg, #195e21 68.1deg 112.4deg, #173d17 112.6deg 118.2deg, #195f20 118.4deg 121.3deg, #0000 121.6deg), conic-gradient(from 270deg at 136px 163.29px, #0000 58.4deg, #294e31 58.7deg 65.4deg, #2e8a45 65.6deg 77.2deg, #2c8b44 77.4deg 88.5deg, #278940 88.7deg 99.9deg, #1e8538 100.2deg 114.6deg, #104e1d 114.8deg 121.3deg, #0000 121.6deg), conic-gradient(from 90deg at 136px -151.29px, #0000 58.5deg, #013009 58.7deg 60.4deg, #01360a 60.6deg 69.3deg, #012c09 69.5deg 74.2deg, #011506 74.4deg 105.7deg, #012a09 105.9deg 121.3deg, #0000 121.5deg), conic-gradient(from 90deg at 136px -142.29px, #0000 58.4deg, #166722 58.7deg 60.6deg, #104815 60.9deg 62.1deg, #113314 62.4deg 69.3deg, #112412 69.5deg 110.3deg, #133415 110.6deg 117.2deg, #144619 117.4deg 121.3deg, #0000 121.6deg), conic-gradient(from 90deg at 136px -139.29px, #0000 58.4deg, #105b18 58.7deg 59.1deg, #105917 59.4deg 61.9deg, #103012 62.2deg 69.3deg, #112512 69.6deg 116.1deg, #124014 116.3deg 121.3deg, #0000 121.6deg), conic-gradient(from 90deg at 136px -135.29px, #0000 58.4deg, #012509 58.7deg 60.7deg, #045316 60.9deg 70deg, #06551c 70.2deg 114.3deg, #02330b 114.5deg 119.6deg, #012108 119.8deg 121.3deg, #0000 121.6deg), conic-gradient(from 90deg at 136px -129.29px, #0000 58.4deg, #012509 58.7deg 60.9deg, #035013 61.2deg 67.2deg, #07551c 67.5deg 114.2deg, #022f0a 114.4deg 121.3deg, #0000 121.6deg), conic-gradient(from 90deg at 92px 92px, #0000 148.3deg, #018414 148.7deg 150.6deg, #012708 151deg 159.5deg, #012408 159.9deg 165.9deg, #012a08 166.3deg 184.1deg, #01570f 184.5deg 205.2deg, #012e08 205.6deg 211.3deg, #0000 211.7deg), conic-gradient(from 90deg at 91px 92px, #0000 148.3deg, #012b08 148.7deg 162.7deg, #012507 163.1deg 202.7deg, #013e0c 203.1deg 206.6deg, #015910 207deg 209.8deg, #012d07 210.2deg 211.3deg, #0000 211.7deg), conic-gradient(from 90deg at 91px 92px, #0000 148.2deg, #1f7533 148.7deg 149deg, #1d391d 149.4deg 163.1deg, #1e952b 163.5deg 167.2deg, #1e7a24 167.7deg 179.6deg, #1e3b1a 180deg 203.9deg, #1e842e 204.4deg 205.7deg, #1e4b1c 206.2deg 211.3deg, #0000 211.8deg), conic-gradient(from 90deg at 91px 92px, #0000 148.2deg, #1d431b 148.7deg 152.9deg, #1e9d38 153.4deg 155.5deg, #1fda4e 156deg 164.7deg, #1eb237 165.2deg 169.3deg, #1e8b25 169.7deg 174.8deg, #1e7421 175.2deg 178.8deg, #1e401b 179.2deg 211.3deg, #0000 211.8deg), conic-gradient(from 90deg at 91px 92px, #0000 148.1deg, #01310a 148.7deg 151.2deg, #02902d 151.7deg 154.1deg, #03d948 154.6deg 161.2deg, #02a521 161.8deg 166.3deg, #02851a 166.9deg 173.5deg, #024f11 174.1deg 180.9deg, #012d0a 181.4deg 211.3deg, #0000 211.9deg), conic-gradient(from 270deg at -88px 92px, #0000 148.3deg, #01470d 148.7deg 153.9deg, #019b20 154.3deg 171.1deg, #017b1b 171.5deg 175.5deg, #012808 175.9deg 191.9deg, #012407 192.3deg 196.1deg, #012808 196.5deg 209deg, #018618 209.4deg 211.3deg, #0000 211.7deg), conic-gradient(from 270deg at -79px 92px, #0000 148.3deg, #012e07 148.7deg 149.8deg, #01761c 150.2deg 153deg, #015410 153.4deg 163deg, #01530e 163.4deg 164.9deg, #012608 165.3deg 190.5deg, #013309 190.9deg 196.9deg, #01390a 197.3deg 211.3deg, #0000 211.7deg), conic-gradient(from 270deg at -76px 92px, #0000 148.2deg, #0b3e13 148.7deg 171.2deg, #0b320f 171.6deg 180deg, #0cb029 180.4deg 185.1deg, #0ba929 185.6deg 196.5deg, #0b3413 196.9deg 211.3deg, #0000 211.8deg), conic-gradient(from 270deg at -72px 92px, #0000 148.2deg, #0b3610 148.7deg 159.2deg, #0b2b0f 159.7deg 161.3deg, #0b2d10 161.7deg 180.7deg, #0ba22f 181.2deg 182.3deg, #0ddb48 182.7deg 205.2deg, #0c9e30 205.7deg 206.5deg, #0a3d10 207deg 211.3deg, #0000 211.8deg), conic-gradient(from 270deg at -67px 92px, #0000 148.2deg, #0b2d0f 148.7deg 159.8deg, #0b3310 160.3deg 181.2deg, #0b8622 181.7deg 186.1deg, #0cba34 186.6deg 190.1deg, #0de681 190.6deg 197.1deg, #0dd546 197.6deg 205deg, #0a3911 205.5deg 211.3deg, #0000 211.8deg), conic-gradient(from 270deg at -57px 92px, #0000 148.1deg, #093614 148.7deg 162.5deg, #082f13 163deg 175.8deg, #097e24 176.4deg 186.8deg, #08cc48 187.4deg 198.2deg, #1ff9d7 198.8deg 200.7deg, #07ce47 201.2deg 206.8deg, #05571a 207.4deg 211.3deg, #0000 211.9deg), linear-gradient(135deg, #0000 24.76px, #011e07 26.16px 28.07px, #0000 28.37px), linear-gradient(135deg, #0000 24.24px, #013f12 24.74px 28.04px, #0000 28.34px), linear-gradient(135deg, #0000 26.04px, #015e1a 26.54px 30.54px, #0000 30.84px), linear-gradient(135deg, #0000 26.42px, #013509 26.92px 39.04px, #0000 39.34px), linear-gradient(135deg, #0000 34.92px, #163c17 35.42px 52.54px, #0000 52.84px), linear-gradient(135deg, #0000 49.83px, #012f0a 50.33px 64.04px, #0000 64.34px), linear-gradient(225deg, #0000 24.76px, #012108 26.16px 27.46px, #0000 27.76px), linear-gradient(225deg, #0000 23.53px, #013911 24.03px 26.83px, #0000 27.13px), linear-gradient(225deg, #0000 24.83px, #015b1a 25.33px 29.83px, #0000 30.13px), linear-gradient(225deg, #0000 27.13px, #013909 27.63px 31.33px, #0000 31.63px), linear-gradient(225deg, #0000 28.63px, #013909 29.13px 37.63px, #0000 37.93px), linear-gradient(225deg, #0000 34.92px, #0f3714 35.42px 44.13px, #0000 44.43px), linear-gradient(225deg, #0000 41.42px, #0f2c13 41.92px 44.42px, #0000 44.72px), linear-gradient(225deg, #0000 42.42px, #0f3315 42.92px 45.42px, #0000 45.72px), linear-gradient(225deg, #0000 42.71px, #0f3816 43.21px 49.42px, #0000 49.72px), linear-gradient(225deg, #0000 47.42px, #0f3917 47.92px 50.42px, #0000 50.72px), linear-gradient(225deg, #0000 48.42px, #10301b 48.92px 53.42px, #0000 53.72px), linear-gradient(225deg, #0000 51.42px, #10301b 51.92px 57.42px, #0000 57.72px), linear-gradient(225deg, #0000 55.42px, #10311b 55.92px 58.92px, #0000 59.22px), linear-gradient(225deg, #0000 56.21px, #10311b 56.71px 61.21px, #0000 61.51px), linear-gradient(45deg, #0000 24.76px, #011d06 26.16px 32.46px, #0000 32.76px), linear-gradient(45deg, #0000 27.63px, #012908 28.13px 32.63px, #0000 32.93px), linear-gradient(45deg, #0000 29.92px, #012507 30.42px 35.92px, #0000 36.22px), linear-gradient(45deg, #0000 33.92px, #012407 34.42px 36.92px, #0000 37.22px), linear-gradient(45deg, #0000 34.92px, #195435 35.42px 37.92px, #0000 38.22px), linear-gradient(45deg, #0000 35.21px, #133214 35.71px 44.21px, #0000 44.51px), linear-gradient(45deg, #0000 41.51px, #12541a 42.01px 49.01px, #0000 49.31px), linear-gradient(45deg, #0000 46.3px, #012809 46.8px 60.51px, #0000 60.81px), linear-gradient(315deg, #0000 24.76px, #011c06 26.16px 31.96px, #0000 32.26px), linear-gradient(315deg, #0000 26.42px, #013609 26.92px 31.92px, #0000 32.22px), linear-gradient(315deg, #0000 28.51px, #012c08 29.01px 35.51px, #0000 35.81px), linear-gradient(315deg, #0000 33.51px, #084912 34.01px 37.01px, #0000 37.31px), linear-gradient(315deg, #0000 34.3px, #082f0e 34.8px 41.3px, #0000 41.6px), linear-gradient(315deg, #0000 38.59px, #074a0e 39.09px 42.09px, #0000 42.39px), linear-gradient(315deg, #0000 39.38px, #086619 39.88px 46.88px, #0000 47.18px), linear-gradient(315deg, #0000 44.88px, #012309 45.38px 55.38px, #0000 55.68px), linear-gradient(315deg, #0000 52.68px, #013c0d 53.18px 57.68px, #0000 57.98px), radial-gradient(ellipse 239.98px 31.62px at 99.72px 1.18px, rgba(255, 255, 255, 0.588) 0%, rgba(255, 255, 255, 0.537) 16.7%, rgba(255, 255, 255, 0.408) 33.3%, rgba(255, 255, 255, 0.256) 50%, rgba(255, 255, 255, 0.117) 66.7%, rgba(255, 255, 255, 0.017) 83.3%, rgba(255, 255, 255, 0) 100%), linear-gradient(292deg, rgba(255, 255, 255, 0) 46px, rgba(236, 255, 246, 0.1) 57.6px, rgba(255, 255, 255, 0.34) 68px, rgba(236, 255, 246, 0.1) 78.4px, rgba(255, 255, 255, 0) 90px), conic-gradient(from 270deg at 58px 89.29px, #0000 58.2deg, #002308 58.7deg 121.3deg, #0000 121.8deg), conic-gradient(from 270deg at 61px 95.29px, #0000 58.3deg, #002408 58.7deg 121.3deg, #0000 121.7deg), conic-gradient(from 270deg at 66px 102.29px, #0000 58.3deg, #001b07 58.7deg 121.3deg, #0000 121.7deg), conic-gradient(from 270deg at 74px 116.29px, #0000 58.4deg, #012609 58.7deg 117.3deg, #012408 117.6deg 121.3deg, #0000 121.6deg), conic-gradient(from 270deg at 80px 126.29px, #0000 58.4deg, #012609 58.7deg 60.5deg, #015416 60.8deg 61.6deg, #02721f 61.9deg 115.7deg, #026c1d 116deg 119deg, #012c0a 119.3deg 121.3deg, #0000 121.6deg), conic-gradient(from 270deg at 101px 148.29px, #0000 58.4deg, #013009 58.7deg 61.1deg, #048428 61.3deg 61.8deg, #048929 62deg 118.8deg, #013b09 119.1deg 121.3deg, #0000 121.6deg), conic-gradient(from 90deg at 58px -68.29px, #0000 58.2deg, #10ec8d 58.7deg 121.3deg, #0000 121.8deg), conic-gradient(from 90deg at 61px -85.29px, #0000 58.3deg, #05c34b 58.7deg 121.3deg, #0000 121.7deg), conic-gradient(from 90deg at 66px -91.29px, #0000 58.3deg, #001b07 58.7deg 121.3deg, #0000 121.7deg), conic-gradient(from 90deg at 74px -98.29px, #0000 58.4deg, #001c07 58.7deg 121.3deg, #0000 121.6deg), conic-gradient(from 90deg at 80px -112.29px, #0000 58.4deg, #012009 58.7deg 118.5deg, #01440f 118.8deg 121.3deg, #0000 121.6deg), conic-gradient(from 90deg at 101px -122.29px, #0000 58.4deg, #013808 58.7deg 60.9deg, #045619 61.2deg 119deg, #013309 119.3deg 121.3deg, #0000 121.6deg), conic-gradient(from 90deg at 17px 92px, #0000 144.6deg, #002307 148.7deg 211.3deg, #0000 215.4deg), conic-gradient(from 90deg at 23px 92px, #0000 147deg, #002307 148.7deg 211.3deg, #0000 213deg), conic-gradient(from 90deg at 30px 92px, #0000 147.4deg, #001e07 148.7deg 211.3deg, #0000 212.6deg), conic-gradient(from 90deg at 44px 92px, #0000 147.7deg, #002307 148.7deg 156.5deg, #001f07 157.4deg 211.3deg, #0000 212.3deg), conic-gradient(from 90deg at 54px 92px, #0000 148deg, #003108 148.7deg 156.7deg, #01330b 157.4deg 176.4deg, #012909 177.1deg 211.3deg, #0000 212deg), conic-gradient(from 90deg at 76px 92px, #0000 148.1deg, #003008 148.7deg 159.2deg, #012f0b 159.8deg 176.9deg, #012a09 177.5deg 209.1deg, #002207 209.7deg 211.3deg, #0000 211.9deg), conic-gradient(from 270deg at 0 92px, #0000 144.6deg, #002307 148.7deg 211.3deg, #0000 215.4deg), conic-gradient(from 270deg at 0 92px, #0000 147deg, #002307 148.7deg 211.3deg, #0000 213deg), conic-gradient(from 270deg at 0 92px, #0000 147.4deg, #001e07 148.7deg 211.3deg, #0000 212.6deg), conic-gradient(from 270deg at 0 92px, #0000 147.7deg, #001e07 148.7deg 211.3deg, #0000 212.3deg), conic-gradient(from 270deg at 0 92px, #0000 148deg, #002207 148.7deg 205.5deg, #002307 206.2deg 211.3deg, #0000 212deg), conic-gradient(from 270deg at 0 92px, #0000 148.1deg, #012107 148.7deg 211.3deg, #0000 211.9deg), linear-gradient(135deg, #0000 50.95px, #002d08 51.44px 68.94px, #01350a 68.94px 91.94px, #001806 91.94px 118.09px), linear-gradient(225deg, #0000 55.19px, #013c09 55.68px 63.18px, #002207 63.18px 71.68px, #013909 71.68px 96.18px, #001706 96.18px 122.33px), linear-gradient(45deg, #0000 54.48px, #002507 54.97px 75.3px, #003008 75.3px 98.3px, #012c0b 98.3px 123.8px, #05c44a 123.8px 124.45px), linear-gradient(315deg, #0000 44.58px, #013809 45.07px 70.04px, #002107 70.04px 78.04px, #013e09 78.04px 91.04px, #013b0a 91.04px 102.54px, #01270a 102.54px 128.04px, #05c449 128.04px 128.69px), var(--glow);
background-size: var(--stone-size), var(--glow-size);
background-position: var(--stone-pos), var(--glow-pos);
background-repeat: no-repeat;
background-clip: content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, border-box, border-box, border-box;
transition: transform 0.9s ease-in-out, background-position 0.9s ease-in-out, background-size 0.9s ease-in-out, padding 0.9s ease-in-out;
}
#outer #header h1.heading img.logo {
display: block;
position: absolute;
top: 0;
left: 50%;
float: none;
box-sizing: content-box;
width: 0;
height: 0;
max-width: none;
margin: 0 0 0 -87px;
padding: 122px 184px;
border: 0;
outline: 0;
transform: translate(87px, 53px) rotateX(0deg) rotateY(0deg) translate(-87px, -53px) scale(0.5);
transform-origin: 0 0;
background-image: radial-gradient(circle 4px at 74.59px 29.62px, rgba(255, 255, 255, 0.98) 0, rgba(236, 255, 246, 0.9) 30%, rgba(236, 255, 246, 0) 100%), radial-gradient(ellipse 8.32px 1px at 74.59px 29.62px, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0)), radial-gradient(ellipse 1px 6.66px at 74.59px 29.62px, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)), radial-gradient(circle 2.75px at 239.48px 61.68px, rgba(255, 255, 255, 0.96) 0, rgba(236, 255, 246, 0.8) 30%, rgba(236, 255, 246, 0) 100%), radial-gradient(ellipse 5.72px 1px at 239.48px 61.68px, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0)), radial-gradient(ellipse 1px 4.58px at 239.48px 61.68px, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)), radial-gradient(circle 2.25px at 260.93px 70.91px, rgba(255, 255, 255, 0.94) 0, rgba(236, 255, 246, 0.73) 30%, rgba(236, 255, 246, 0) 100%), radial-gradient(ellipse 4.68px 1px at 260.93px 70.91px, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0)), radial-gradient(ellipse 1px 3.74px at 260.93px 70.91px, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)), linear-gradient(#0000, rgba(62, 89, 67, 0.95) 50%, #0000), linear-gradient(to bottom right, #0000 15.71px, rgba(2, 41, 12, 0.95) 16.61px, #0000 17.51px), linear-gradient(to bottom right, #0000 18.19px, rgba(10, 52, 15, 0.95) 19.09px, #0000 19.99px), linear-gradient(to bottom left, #0000 15.71px, rgba(25, 113, 103, 0.95) 16.61px, #0000 17.51px), linear-gradient(#0000, rgba(38, 73, 46, 0.95) 50%, #0000), linear-gradient(to bottom left, #0000 21.02px, rgba(16, 79, 25, 0.95) 21.92px, #0000 22.82px), linear-gradient(#0000, rgba(83, 96, 87, 0.95) 50%, #0000), linear-gradient(90deg, #0000, rgba(27, 56, 24, 0.95) 50%, #0000), linear-gradient(to bottom left, #0000 18.19px, rgba(27, 133, 45, 0.95) 19.09px, #0000 19.99px), linear-gradient(90deg, #0000, rgba(1, 87, 16, 0.95) 50%, #0000), conic-gradient(from 270deg at 136px 164.29px, #0000 58.5deg, #163616 58.7deg 72.1deg, #163417 72.3deg 112deg, #195321 112.3deg 117.7deg, #163e17 117.9deg 121.3deg, #0000 121.5deg), conic-gradient(from 270deg at 136px 163.29px, #0000 58.4deg, #224f2c 58.7deg 62.7deg, #1b3623 62.9deg 67.9deg, #0e2b18 68.1deg 112.4deg, #0e301a 112.6deg 121.3deg, #0000 121.6deg), conic-gradient(from 270deg at 136px 163.29px, #0000 58.4deg, #839287 58.7deg 65.4deg, #707b74 65.6deg 77.2deg, #54625a 77.4deg 88.5deg, #37483e 88.7deg 99.9deg, #1b3424 100.2deg 114.6deg, #0f301b 114.8deg 121.3deg, #0000 121.6deg), conic-gradient(from 90deg at 136px -151.29px, #0000 58.5deg, #02340d 58.7deg 60.4deg, #012308 60.6deg 69.3deg, #054617 69.5deg 74.2deg, #011606 74.4deg 105.7deg, #011b07 105.9deg 121.3deg, #0000 121.5deg), conic-gradient(from 90deg at 136px -142.29px, #0000 58.4deg, #012007 58.7deg 60.6deg, #012f09 60.9deg 62.1deg, #012408 62.4deg 69.3deg, #011a07 69.5deg 117.2deg, #012208 117.4deg 121.3deg, #0000 121.6deg), conic-gradient(from 90deg at 136px -139.29px, #0000 58.4deg, #012608 58.7deg 59.1deg, #01470c 59.4deg 61.9deg, #012308 62.2deg 69.3deg, #075f1f 69.6deg 119.9deg, #02390b 120.1deg 121.3deg, #0000 121.6deg), conic-gradient(from 90deg at 136px -135.29px, #0000 58.4deg, #0e2c10 58.7deg 60.7deg, #0e2e12 60.9deg 70deg, #19742b 70.2deg 119.6deg, #123e16 119.8deg 121.3deg, #0000 121.6deg), conic-gradient(from 90deg at 136px -129.29px, #0000 58.4deg, #0e2a11 58.7deg 60.9deg, #0f2c12 61.2deg 67.2deg, #12471f 67.5deg 121.3deg, #0000 121.6deg), conic-gradient(from 90deg at 92px 92px, #0000 148.3deg, #06280b 148.7deg 150.6deg, #072b0d 151deg 159.5deg, #0aab35 159.9deg 165.9deg, #0a3c10 166.3deg 184.1deg, #0e3911 184.5deg 205.2deg, #103d13 205.6deg 211.3deg, #0000 211.7deg), conic-gradient(from 90deg at 91px 92px, #0000 148.3deg, #0a2d0f 148.7deg 162.7deg, #0c6c1f 163.1deg 166.5deg, #0f3412 166.9deg 202.7deg, #123513 203.1deg 206.6deg, #124115 207deg 209.8deg, #114615 210.2deg 211.3deg, #0000 211.7deg), conic-gradient(from 90deg at 91px 92px, #0000 148.2deg, #092c0e 148.7deg 149deg, #062b0d 149.4deg 163.1deg, #05290c 163.5deg 167.2deg, #04270b 167.7deg 179.6deg, #032a0a 180deg 203.9deg, #02270a 204.4deg 205.7deg, #02340b 206.2deg 211.3deg, #0000 211.8deg), conic-gradient(from 90deg at 91px 92px, #0000 148.2deg, #062b0c 148.7deg 155.5deg, #04300b 156deg 169.3deg, #037019 169.7deg 174.8deg, #033a0d 175.2deg 178.8deg, #022f0a 179.2deg 211.3deg, #0000 211.8deg), conic-gradient(from 90deg at 91px 92px, #0000 148.1deg, #012809 148.7deg 151.2deg, #012609 151.7deg 161.2deg, #01350a 161.8deg 166.3deg, #016914 166.9deg 173.5deg, #014b0e 174.1deg 180.9deg, #013b0c 181.4deg 211.3deg, #0000 211.9deg), conic-gradient(from 270deg at -88px 92px, #0000 148.3deg, #012207 148.7deg 175.5deg, #012508 175.9deg 191.9deg, #015c16 192.3deg 196.1deg, #012d08 196.5deg 209deg, #012307 209.4deg 211.3deg, #0000 211.7deg), conic-gradient(from 270deg at -79px 92px, #0000 148.3deg, #013309 148.7deg 149.8deg, #012508 150.2deg 153deg, #012307 153.4deg 163deg, #016b12 163.4deg 164.9deg, #012808 165.3deg 190.5deg, #015812 190.9deg 196.9deg, #012607 197.3deg 211.3deg, #0000 211.7deg), conic-gradient(from 270deg at -76px 92px, #0000 148.2deg, #013209 148.7deg 171.2deg, #01a721 171.6deg 180deg, #018a18 180.4deg 185.1deg, #013809 185.6deg 196.5deg, #013408 196.9deg 211.3deg, #0000 211.8deg), conic-gradient(from 270deg at -72px 92px, #0000 148.2deg, #012a09 148.7deg 159.2deg, #016f13 159.7deg 161.3deg, #012a08 161.7deg 180.7deg, #012408 181.2deg 211.3deg, #0000 211.8deg), conic-gradient(from 270deg at -67px 92px, #0000 148.2deg, #026416 148.7deg 159.8deg, #01c232 160.3deg 181.2deg, #01ca35 181.7deg 186.1deg, #01a321 186.6deg 197.1deg, #01410b 197.6deg 205deg, #012607 205.5deg 211.3deg, #0000 211.8deg), conic-gradient(from 270deg at -57px 92px, #0000 148.1deg, #0b5e1f 148.7deg 162.5deg, #0ccf41 163deg 186.8deg, #0ba626 187.4deg 198.2deg, #0a6a19 198.8deg 200.7deg, #0a380f 201.2deg 206.8deg, #0a2d0e 207.4deg 211.3deg, #0000 211.9deg), linear-gradient(135deg, #0000 24.76px, #032c0b 26.16px 28.07px, #0000 28.37px), linear-gradient(135deg, #0000 24.24px, #03250a 24.74px 28.04px, #0000 28.34px), linear-gradient(135deg, #0000 26.04px, #022409 26.54px 30.54px, #0000 30.84px), linear-gradient(135deg, #0000 26.42px, #022609 26.92px 39.04px, #0000 39.34px), linear-gradient(135deg, #0000 34.92px, #02280a 35.42px 52.54px, #0000 52.84px), linear-gradient(135deg, #0000 49.83px, #05310e 50.33px 64.04px, #0000 64.34px), linear-gradient(225deg, #0000 24.76px, #016f19 26.16px 27.46px, #0000 27.76px), linear-gradient(225deg, #0000 23.53px, #016110 24.03px 26.83px, #0000 27.13px), linear-gradient(225deg, #0000 24.83px, #01460f 25.33px 29.83px, #0000 30.13px), linear-gradient(225deg, #0000 27.13px, #015314 27.63px 31.33px, #0000 31.63px), linear-gradient(225deg, #0000 28.63px, #016d17 29.13px 37.63px, #0000 37.93px), linear-gradient(225deg, #0000 34.92px, #0e8127 35.42px 44.13px, #0000 44.43px), linear-gradient(225deg, #0000 41.42px, #0f814a 41.92px 44.42px, #0000 44.72px), linear-gradient(225deg, #0000 42.42px, #158f69 42.92px 45.42px, #0000 45.72px), linear-gradient(225deg, #0000 42.71px, #1daa89 43.21px 49.42px, #0000 49.72px), linear-gradient(225deg, #0000 47.42px, #1da632 47.92px 50.42px, #0000 50.72px), linear-gradient(225deg, #0000 48.42px, #0d6122 48.92px 53.42px, #0000 53.72px), linear-gradient(225deg, #0000 51.42px, #0d3a19 51.92px 57.42px, #0000 57.72px), linear-gradient(225deg, #0000 55.42px, #125b50 55.92px 58.92px, #0000 59.22px), linear-gradient(225deg, #0000 56.21px, #1d897f 56.71px 61.21px, #0000 61.51px), linear-gradient(45deg, #0000 24.76px, #012707 26.16px 32.46px, #0000 32.76px), linear-gradient(45deg, #0000 27.63px, #01360b 28.13px 32.63px, #0000 32.93px), linear-gradient(45deg, #0000 29.92px, #014912 30.42px 35.92px, #0000 36.22px), linear-gradient(45deg, #0000 33.92px, #044f14 34.42px 36.92px, #0000 37.22px), linear-gradient(45deg, #0000 34.92px, #184b1c 35.42px 37.92px, #0000 38.22px), linear-gradient(45deg, #0000 35.21px, #19511e 35.71px 44.21px, #0000 44.51px), linear-gradient(45deg, #0000 41.51px, #195420 42.01px 49.01px, #0000 49.31px), linear-gradient(45deg, #0000 46.3px, #034b18 46.8px 60.51px, #0000 60.81px), linear-gradient(315deg, #0000 24.76px, #05581a 26.16px 31.96px, #0000 32.26px), linear-gradient(315deg, #0000 26.42px, #065e1d 26.92px 31.92px, #0000 32.22px), linear-gradient(315deg, #0000 28.51px, #013208 29.01px 35.51px, #0000 35.81px), linear-gradient(315deg, #0000 33.51px, #013208 34.01px 37.01px, #0000 37.31px), linear-gradient(315deg, #0000 34.3px, #012a08 34.8px 41.3px, #0000 41.6px), linear-gradient(315deg, #0000 38.59px, #012808 39.09px 42.09px, #0000 42.39px), linear-gradient(315deg, #0000 39.38px, #012808 39.88px 46.88px, #0000 47.18px), linear-gradient(315deg, #0000 44.88px, #0b3510 45.38px 55.38px, #0000 55.68px), linear-gradient(315deg, #0000 52.68px, #0b5113 53.18px 57.68px, #0000 57.98px), linear-gradient(#0000, #0000), linear-gradient(#0000, #0000), conic-gradient(from 270deg at 58px 89.29px, #0000 58.2deg, #002709 58.7deg 121.3deg, #0000 121.8deg), conic-gradient(from 270deg at 61px 95.29px, #0000 58.3deg, #002308 58.7deg 121.3deg, #0000 121.7deg), conic-gradient(from 270deg at 66px 102.29px, #0000 58.3deg, #002308 58.7deg 121.3deg, #0000 121.7deg), conic-gradient(from 270deg at 74px 116.29px, #0000 58.4deg, #055118 58.7deg 117.3deg, #012609 117.6deg 121.3deg, #0000 121.6deg), conic-gradient(from 270deg at 80px 126.29px, #0000 58.4deg, #03320f 58.7deg 60.5deg, #055218 60.8deg 115.7deg, #002208 116deg 121.3deg, #0000 121.6deg), conic-gradient(from 270deg at 101px 148.29px, #0000 58.4deg, #032e0f 58.7deg 61.1deg, #012c0b 61.3deg 61.8deg, #055218 62deg 114.6deg, #002208 114.8deg 121.3deg, #0000 121.6deg), conic-gradient(from 90deg at 58px -68.29px, #0000 58.2deg, #001506 58.7deg 121.3deg, #0000 121.8deg), conic-gradient(from 90deg at 61px -85.29px, #0000 58.3deg, #011506 58.7deg 121.3deg, #0000 121.7deg), conic-gradient(from 90deg at 66px -91.29px, #0000 58.3deg, #011606 58.7deg 121.3deg, #0000 121.7deg), conic-gradient(from 90deg at 74px -98.29px, #0000 58.4deg, #011606 58.7deg 121.3deg, #0000 121.6deg), conic-gradient(from 90deg at 80px -112.29px, #0000 58.4deg, #012208 58.7deg 118.5deg, #002508 118.8deg 121.3deg, #0000 121.6deg), conic-gradient(from 90deg at 101px -122.29px, #0000 58.4deg, #012208 58.7deg 119deg, #002507 119.3deg 121.3deg, #0000 121.6deg), conic-gradient(from 90deg at 17px 92px, #0000 144.6deg, #01731a 148.7deg 151.4deg, #003709 155.4deg 211.3deg, #0000 215.4deg), conic-gradient(from 90deg at 23px 92px, #0000 147deg, #015315 148.7deg 149.8deg, #019b26 151.5deg 164.4deg, #00490c 166.1deg 189.8deg, #002607 191.5deg 211.3deg, #0000 213deg), conic-gradient(from 90deg at 30px 92px, #0000 147.4deg, #003e0c 148.7deg 172.4deg, #01851b 173.7deg 187.4deg, #004c0c 188.7deg 197.6deg, #002707 198.9deg 211.3deg, #0000 212.6deg), conic-gradient(from 90deg at 44px 92px, #0000 147.7deg, #016215 148.7deg 149.1deg, #003b0a 150deg 156.5deg, #016c16 157.4deg 170.7deg, #01500d 171.6deg 186.1deg, #012a08 187deg 211.3deg, #0000 212.3deg), conic-gradient(from 90deg at 54px 92px, #0000 148deg, #016710 148.7deg 156.7deg, #002f09 157.4deg 176.4deg, #013f0c 177.1deg 211.3deg, #0000 212deg), conic-gradient(from 90deg at 76px 92px, #0000 148.1deg, #013c0a 148.7deg 150.7deg, #016810 151.3deg 159.2deg, #002f09 159.8deg 176.9deg, #01400c 177.5deg 209.1deg, #022209 209.7deg 211.3deg, #0000 211.9deg), conic-gradient(from 270deg at 0 92px, #0000 144.6deg, #001606 148.7deg 211.3deg, #0000 215.4deg), conic-gradient(from 270deg at 0 92px, #0000 147deg, #001906 148.7deg 182.7deg, #014a0c 184.4deg 211.3deg, #0000 213deg), conic-gradient(from 270deg at 0 92px, #0000 147.4deg, #002407 148.7deg 184.2deg, #01590f 185.5deg 188.5deg, #01a826 189.8deg 211.3deg, #0000 212.6deg), conic-gradient(from 270deg at 0 92px, #0000 147.7deg, #002507 148.7deg 188.4deg, #017e26 189.3deg 191.4deg, #01b23c 192.3deg 194.3deg, #02e152 195.2deg 211.3deg, #0000 212.3deg), conic-gradient(from 270deg at 0 92px, #0000 148deg, #002407 148.7deg 180.5deg, #039376 181.2deg 182.9deg, #08f5d4 183.6deg 196.4deg, #04e295 197.1deg 200.6deg, #01b73f 201.3deg 205.5deg, #015b13 206.2deg 211.3deg, #0000 212deg), conic-gradient(from 270deg at 0 92px, #0000 148.1deg, #012609 148.7deg 185.6deg, #02dc46 186.2deg 204.6deg, #01a632 205.2deg 206.3deg, #01410a 206.9deg 211.3deg, #0000 211.9deg), linear-gradient(135deg, #0000 50.95px, #02250a 51.44px 68.94px, #002007 68.94px 91.94px, #002907 91.94px 118.09px), linear-gradient(225deg, #0000 55.19px, #04250e 55.68px 63.18px, #002107 63.18px 71.68px, #002208 71.68px 96.18px, #002607 96.18px 122.33px), linear-gradient(45deg, #0000 54.48px, #003508 54.97px 75.3px, #003108 75.3px 98.3px, #001806 98.3px 123.8px, #001606 123.8px 124.45px), linear-gradient(315deg, #0000 44.58px, #011d06 45.07px 70.04px, #012006 70.04px 78.04px, #012a0b 78.04px 91.04px, #011606 91.04px 102.54px, #001306 102.54px 128.04px, #001506 128.04px 128.69px);
background-size: var(--stone-size);
background-position: var(--stone-pos);
background-repeat: no-repeat;
opacity: 0;
transition: transform 0.9s ease-in-out, background-position 0.9s ease-in-out, background-size 0.9s ease-in-out, opacity 0.9s ease-in-out;
}
#outer #header h1.heading a::after {
content: '';
position: absolute;
top: 0;
left: 50%;
width: 300px;
height: 212px;
margin-left: -75px;
transform: translate(75px, 53px) rotateX(0deg) rotateY(0deg) translate(-75px, -53px) scale(0.5);
transform-origin: 0 0;
background-image: radial-gradient(circle 1.7px at 46.45px 19.46px, rgba(255, 255, 251, 0.9) 0, rgba(255, 255, 251, 0.35) 50%, rgba(255, 255, 251, 0) 100%), radial-gradient(circle 1.7px at 20.97px 45.73px, rgba(255, 255, 251, 0.9) 0, rgba(255, 255, 251, 0.35) 50%, rgba(255, 255, 251, 0) 100%), radial-gradient(circle 1.7px at 47.34px 189.76px, rgba(255, 255, 246, 0.9) 0, rgba(255, 255, 246, 0.35) 50%, rgba(255, 255, 246, 0) 100%), radial-gradient(circle 1.7px at 21.69px 163.95px, rgba(255, 255, 251, 0.9) 0, rgba(255, 255, 251, 0.35) 50%, rgba(255, 255, 251, 0) 100%), radial-gradient(circle 1.7px at 253.09px 19.66px, rgba(255, 255, 253, 0.9) 0, rgba(255, 255, 253, 0.35) 50%, rgba(255, 255, 253, 0) 100%), radial-gradient(circle 1.7px at 278.33px 45.99px, rgba(255, 255, 252, 0.9) 0, rgba(255, 255, 252, 0.35) 50%, rgba(255, 255, 252, 0) 100%), radial-gradient(circle 1.7px at 253.32px 190.89px, rgba(255, 255, 250, 0.9) 0, rgba(255, 255, 250, 0.35) 50%, rgba(255, 255, 250, 0) 100%), radial-gradient(circle 1.7px at 278.41px 164.31px, rgba(255, 255, 248, 0.9) 0, rgba(255, 255, 248, 0.35) 50%, rgba(255, 255, 248, 0) 100%), radial-gradient(circle 4.54px at 47.17px 21.64px, rgb(245, 236, 169) 0%, rgb(190, 157, 61) 26.8%, rgb(121, 83, 20) 53.7%, rgb(147, 102, 27) 80.5%, rgba(147, 102, 27, 0.85) 94.7%, rgba(147, 102, 27, 0) 100%), radial-gradient(circle 4.54px at 21.64px 47.17px, rgb(245, 235, 165) 0%, rgb(180, 160, 109) 26.8%, rgb(151, 111, 31) 53.7%, rgb(150, 105, 28) 80.5%, rgba(150, 105, 28, 0.85) 94.7%, rgba(150, 105, 28, 0) 100%), radial-gradient(circle 4.54px at 47.17px 190.36px, rgb(241, 229, 148) 0%, rgb(150, 125, 51) 26.8%, rgb(143, 103, 29) 53.7%, rgb(143, 99, 27) 80.5%, rgba(143, 99, 27, 0.85) 94.7%, rgba(143, 99, 27, 0) 100%), radial-gradient(circle 4.54px at 21.64px 164.83px, rgb(243, 232, 158) 0%, rgb(181, 157, 86) 26.8%, rgb(201, 168, 75) 53.7%, rgb(145, 102, 27) 80.5%, rgba(145, 102, 27, 0.85) 94.7%, rgba(145, 102, 27, 0) 100%), radial-gradient(circle 4.54px at 252.83px 21.64px, rgb(243, 233, 159) 0%, rgb(154, 127, 52) 26.8%, rgb(123, 83, 19) 53.7%, rgb(143, 100, 26) 80.5%, rgba(143, 100, 26, 0.85) 94.7%, rgba(143, 100, 26, 0) 100%), radial-gradient(circle 4.54px at 278.36px 47.17px, rgb(244, 233, 162) 0%, rgb(142, 137, 125) 26.8%, rgb(127, 103, 40) 53.7%, rgb(142, 99, 26) 80.5%, rgba(142, 99, 26, 0.85) 94.7%, rgba(142, 99, 26, 0) 100%), radial-gradient(circle 4.54px at 252.83px 190.36px, rgb(241, 229, 148) 0%, rgb(186, 152, 59) 26.8%, rgb(134, 94, 24) 53.7%, rgb(142, 98, 26) 80.5%, rgba(142, 98, 26, 0.85) 94.7%, rgba(142, 98, 26, 0) 100%), radial-gradient(circle 4.54px at 278.36px 164.83px, rgb(242, 231, 154) 0%, rgb(208, 180, 79) 26.8%, rgb(105, 72, 17) 53.7%, rgb(143, 99, 26) 80.5%, rgba(143, 99, 26, 0.85) 94.7%, rgba(143, 99, 26, 0) 100%), radial-gradient(circle 5.31px at 40.47px 11.31px, rgb(196, 152, 44) 0, rgb(155, 111, 33) 76.4%, rgba(155, 111, 33, 0.85) 95.5%, rgba(155, 111, 33, 0) 100%), radial-gradient(circle 5.31px at 11.31px 40.47px, rgb(199, 157, 47) 0, rgb(160, 115, 35) 76.4%, rgba(160, 115, 35, 0.85) 95.5%, rgba(160, 115, 35, 0) 100%), radial-gradient(circle 5.31px at 40.47px 200.69px, rgb(185, 138, 37) 0, rgb(143, 100, 30) 76.4%, rgba(143, 100, 30, 0.85) 95.5%, rgba(143, 100, 30, 0) 100%), radial-gradient(circle 5.31px at 11.31px 171.53px, rgb(193, 148, 42) 0, rgb(152, 109, 32) 76.4%, rgba(152, 109, 32, 0.85) 95.5%, rgba(152, 109, 32, 0) 100%), radial-gradient(circle 5.31px at 259.53px 11.31px, rgb(172, 124, 32) 0, rgb(141, 99, 28) 76.4%, rgba(141, 99, 28, 0.85) 95.5%, rgba(141, 99, 28, 0) 100%), radial-gradient(circle 5.31px at 288.69px 40.47px, rgb(159, 111, 27) 0, rgb(139, 97, 27) 76.4%, rgba(139, 97, 27, 0.85) 95.5%, rgba(139, 97, 27, 0) 100%), radial-gradient(circle 5.31px at 259.53px 200.69px, rgb(146, 99, 22) 0, rgb(131, 89, 24) 76.4%, rgba(131, 89, 24, 0.85) 95.5%, rgba(131, 89, 24, 0) 100%), radial-gradient(circle 5.31px at 288.69px 171.53px, rgb(141, 94, 21) 0, rgb(133, 91, 25) 76.4%, rgba(133, 91, 25, 0.85) 95.5%, rgba(133, 91, 25, 0) 100%), conic-gradient(from 237deg at 39.98px 60.53px, #0000 84.76deg, rgb(107, 71, 20) 85.34deg, rgb(107, 71, 20) 85.88deg, rgb(176, 130, 35) 86.91deg, rgb(122, 79, 16) 87.94deg, rgb(29, 19, 3) 88.97deg, rgb(187, 155, 59) 90deg, rgb(244, 235, 168) 91.03deg, rgb(139, 99, 26) 92.06deg, rgb(153, 107, 26) 93.09deg, rgb(138, 95, 25) 94.12deg, rgb(138, 95, 25) 94.66deg, #0000 95.24deg), conic-gradient(from 213deg at 60.53px 39.98px, #0000 84.76deg, rgb(137, 94, 28) 85.34deg, rgb(137, 94, 28) 85.88deg, rgb(159, 113, 29) 86.91deg, rgb(173, 126, 31) 87.94deg, rgb(38, 25, 4) 88.97deg, rgb(83, 58, 14) 90deg, rgb(149, 114, 37) 91.03deg, rgb(66, 40, 6) 92.06deg, rgb(180, 134, 36) 93.09deg, rgb(131, 89, 24) 94.12deg, rgb(131, 89, 24) 94.66deg, #0000 95.24deg), conic-gradient(from 123deg at 39.98px -43.53px, #0000 84.76deg, rgb(119, 78, 19) 85.34deg, rgb(119, 78, 19) 85.88deg, rgb(132, 88, 19) 86.91deg, rgb(232, 216, 129) 87.94deg, rgb(27, 18, 3) 88.97deg, rgb(45, 30, 5) 90deg, rgb(24, 16, 2) 91.03deg, rgb(128, 84, 17) 92.06deg, rgb(176, 130, 35) 93.09deg, rgb(114, 76, 22) 94.12deg, rgb(114, 76, 22) 94.66deg, #0000 95.24deg), conic-gradient(from 147deg at 60.53px -26.98px, #0000 84.76deg, rgb(107, 70, 17) 85.34deg, rgb(107, 70, 17) 85.88deg, rgb(156, 109, 26) 86.91deg, rgb(48, 29, 4) 87.94deg, rgb(24, 16, 3) 88.97deg, rgb(42, 28, 5) 90deg, rgb(35, 23, 4) 91.03deg, rgb(177, 129, 33) 92.06deg, rgb(168, 122, 33) 93.09deg, rgb(148, 105, 32) 94.12deg, rgb(148, 105, 32) 94.66deg, #0000 95.24deg), conic-gradient(from -57deg at -26.98px 60.53px, #0000 84.76deg, rgb(159, 114, 33) 85.34deg, rgb(159, 114, 33) 85.88deg, rgb(172, 126, 33) 86.91deg, rgb(124, 80, 16) 87.94deg, rgb(235, 220, 133) 88.97deg, rgb(167, 137, 50) 90deg, rgb(147, 118, 41) 91.03deg, rgb(111, 78, 20) 92.06deg, rgb(133, 89, 20) 93.09deg, rgb(73, 46, 11) 94.12deg, rgb(73, 46, 11) 94.66deg, #0000 95.24deg), conic-gradient(from -33deg at -43.53px 39.98px, #0000 84.76deg, rgb(136, 93, 26) 85.34deg, rgb(136, 93, 26) 85.88deg, rgb(181, 135, 36) 86.91deg, rgb(99, 69, 17) 87.94deg, rgb(150, 120, 42) 88.97deg, rgb(158, 128, 46) 90deg, rgb(129, 100, 32) 91.03deg, rgb(107, 68, 12) 92.06deg, rgb(124, 82, 18) 93.09deg, rgb(102, 66, 17) 94.12deg, rgb(102, 66, 17) 94.66deg, #0000 95.24deg), conic-gradient(from 57deg at -26.98px -43.53px, #0000 84.76deg, rgb(78, 50, 12) 85.34deg, rgb(78, 50, 12) 85.88deg, rgb(137, 92, 21) 86.91deg, rgb(75, 47, 8) 87.94deg, rgb(28, 18, 3) 88.97deg, rgb(26, 18, 3) 90deg, rgb(26, 17, 3) 91.03deg, rgb(106, 66, 12) 92.06deg, rgb(156, 110, 27) 93.09deg, rgb(144, 100, 27) 94.12deg, rgb(144, 100, 27) 94.66deg, #0000 95.24deg), conic-gradient(from 33deg at -43.53px -26.98px, #0000 84.76deg, rgb(120, 80, 22) 85.34deg, rgb(120, 80, 22) 85.88deg, rgb(138, 94, 22) 86.91deg, rgb(139, 96, 24) 87.94deg, rgb(98, 73, 21) 88.97deg, rgb(26, 18, 3) 90deg, rgb(123, 91, 28) 91.03deg, rgb(225, 205, 112) 92.06deg, rgb(160, 113, 27) 93.09deg, rgb(116, 77, 20) 94.12deg, rgb(116, 77, 20) 94.66deg, #0000 95.24deg), radial-gradient(circle 6.9px at 47.83px 22.64px, rgba(0, 8, 4, 0.5) 0, rgba(0, 8, 4, 0.4) 62%, rgba(0, 8, 4, 0) 100%), radial-gradient(circle 6.9px at 22.64px 47.83px, rgba(0, 8, 4, 0.5) 0, rgba(0, 8, 4, 0.4) 62%, rgba(0, 8, 4, 0) 100%), radial-gradient(circle 6.9px at 47.83px 189.36px, rgba(0, 8, 4, 0.5) 0, rgba(0, 8, 4, 0.4) 62%, rgba(0, 8, 4, 0) 100%), radial-gradient(circle 6.9px at 22.64px 164.17px, rgba(0, 8, 4, 0.5) 0, rgba(0, 8, 4, 0.4) 62%, rgba(0, 8, 4, 0) 100%), radial-gradient(circle 6.9px at 252.17px 22.64px, rgba(0, 8, 4, 0.5) 0, rgba(0, 8, 4, 0.4) 62%, rgba(0, 8, 4, 0) 100%), radial-gradient(circle 6.9px at 277.36px 47.83px, rgba(0, 8, 4, 0.5) 0, rgba(0, 8, 4, 0.4) 62%, rgba(0, 8, 4, 0) 100%), radial-gradient(circle 6.9px at 252.17px 189.36px, rgba(0, 8, 4, 0.5) 0, rgba(0, 8, 4, 0.4) 62%, rgba(0, 8, 4, 0) 100%), radial-gradient(circle 6.9px at 277.36px 164.17px, rgba(0, 8, 4, 0.5) 0, rgba(0, 8, 4, 0.4) 62%, rgba(0, 8, 4, 0) 100%);
background-size: 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 13px 17px, 17px 13px, 13px 17px, 17px 13px, 13px 17px, 17px 13px, 13px 17px, 17px 13px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px, 300px 212px;
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 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 37px 7px, 7px 37px, 37px 188px, 7px 162px, 250px 7px, 276px 37px, 250px 188px, 276px 162px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
background-repeat: no-repeat;
transition: transform 0.9s ease-in-out;
}
#outer #header h1.heading a:hover::before,
#outer #header h1.heading a:focus-visible::before {
transform: translate(87px, 53px) rotateX(-12deg) rotateY(8deg) translate(-87px, -53px) scale(0.5);
padding: 17px 61px 49px 41px;
}
#outer #header h1.heading a:hover img.logo,
#outer #header h1.heading a:focus-visible img.logo {
transform: translate(87px, 53px) rotateX(-12deg) rotateY(8deg) translate(-87px, -53px) scale(0.5);
opacity: 1;
}
#outer #header h1.heading a:hover::after,
#outer #header h1.heading a:focus-visible::after {
transform: translate(75px, 53px) rotateX(-12deg) rotateY(8deg) translate(-75px, -53px) scale(0.5);
}
#outer #header h1.heading a span {
display: inline-block;
padding: 0 0 0 0.33em;
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 27px;
font-weight: 400;
letter-spacing: 0.33em;
line-height: 1.25;
text-transform: uppercase;
text-wrap: balance;
background: var(--foil);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: var(--gold-light);
filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.85)) drop-shadow(0 0 14px rgba(200, 162, 74, 0.22));
transition: filter 0.4s ease;
}
#outer #header h1.heading a:hover span {
filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.85)) drop-shadow(0 0 16px rgba(239, 212, 138, 0.45)) brightness(1.12);
}
#outer #header h1.heading::after {
content: '';
position: absolute;
bottom: 3px;
left: 50%;
width: 320px;
height: 21px;
margin-left: -160px;
background-image: linear-gradient(135deg, transparent 50%, var(--tri-tl) 50%), linear-gradient(225deg, transparent 50%, var(--tri-tr) 50%), linear-gradient(315deg, transparent 50%, var(--tri-br) 50%), linear-gradient(45deg, transparent 50%, var(--tri-bl) 50%), var(--bead), var(--bead), linear-gradient(90deg, rgba(200, 162, 74, 0.8), rgba(200, 162, 74, 0)), linear-gradient(90deg, rgba(200, 162, 74, 0), rgba(200, 162, 74, 0.8));
background-size: 4px 4px, 4px 4px, 4px 4px, 4px 4px, 3px 3px, 3px 3px, 128px 1px, 128px 1px;
background-position: 156px 6px, 160px 6px, 160px 10px, 156px 10px, 180.5px 9px, 136.5px 9px, 190px 10px, 2px 10px;
background-repeat: no-repeat;
}
#outer #header nav[aria-label=Site] {
order: 3;
align-self: stretch;
}
#outer #header ul.primary {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
float: none;
width: auto;
margin: 10px 0 0;
padding: 11px 0;
background: var(--rule) 0 0 no-repeat, repeating-linear-gradient(90deg, rgba(200, 162, 74, 0.6) 0, rgba(200, 162, 74, 0.6) 2px, rgba(200, 162, 74, 0) 2px, rgba(200, 162, 74, 0) 6px) 50% 3px no-repeat, repeating-linear-gradient(90deg, rgba(200, 162, 74, 0.6) 0, rgba(200, 162, 74, 0.6) 2px, rgba(200, 162, 74, 0) 2px, rgba(200, 162, 74, 0) 6px) left 50% bottom 3px no-repeat, var(--rule) 0 100% no-repeat;
background-size: 100% 1px, 64% 2px, 64% 2px, 100% 1px;
box-shadow: none;
}
#outer #header ul.primary > li {
float: none;
margin: 0;
}
#outer #header ul.primary > li:first-of-type {
margin-left: 0;
}
#outer #header ul.primary > li.dropdown + li.dropdown::before {
content: '';
display: inline-block;
width: 5px;
height: 5px;
margin: 0 2px;
vertical-align: 2px;
background: conic-gradient(from -45deg, #d6b977 0 90deg, #8b6f32 90deg 180deg, #ac8b3f 180deg 270deg, #e1cc9b 270deg);
transform: rotate(45deg);
}
#outer #header ul.primary > li > a,
#outer #header ul.primary > li > a:visited {
display: inline-block;
padding: 8px 8px;
background: transparent;
color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 11.5px;
font-weight: 500;
letter-spacing: 0.19em;
line-height: 1.3;
text-transform: uppercase;
transition: color 0.2s ease, text-shadow 0.2s ease;
}
#outer #header ul.primary > li > a:hover,
#outer #header ul.primary > li > a:focus,
#outer #header ul.primary > li.dropdown:hover > a,
#outer #header ul.primary > li.open > a {
background: transparent;
color: var(--glint);
text-shadow: 0 0 12px rgba(125, 226, 180, 0.65);
}
#outer #header .menu,
#outer #header .dropdown .menu,
#outer #greeting .menu {
box-sizing: border-box;
min-width: 23em;
padding: 12px 0;
border: 1px solid transparent;
border-radius: 0;
z-index: 55;
--fill: #0b1913;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
box-shadow: none;
filter: drop-shadow(0 16px 22px rgba(0, 0, 0, 0.7));
}
#outer #header .menu::before {
content: '';
position: absolute;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
z-index: -1;
border: 1px solid transparent;
--rcut: 12.3px;
--rcut2: 12.8px;
--rfill: var(--gold-deep);
--rtl: #b8a987;
--rtr: #9e895b;
--rbr: #584418;
--rbl: #6c541f;
--rdk: #614c1b;
--rhi: #a59368;
--cut: 11.9px;
--cut2: 12.4px;
--fill: var(--velvet-2);
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
}
#outer #header .menu li {
float: none;
margin: 0;
border: 0;
text-align: left;
}
#outer #header .dropdown .menu a,
#outer #header .primary .menu a,
#outer #header #greeting .dropdown .menu a {
display: block;
padding: 8px 20px 8px 24px;
background: transparent;
border-radius: 0;
color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10.5px;
font-weight: 500;
letter-spacing: 0.14em;
line-height: 1.45;
text-transform: uppercase;
text-shadow: none;
white-space: normal;
}
#outer #header .dropdown .menu a:hover,
#outer #header .dropdown .menu a:focus,
#outer #header .primary .menu a:hover,
#outer #header .primary .menu a:focus {
background: linear-gradient(90deg, rgba(31, 158, 109, 0), rgba(31, 158, 109, 0.32) 18%, rgba(31, 158, 109, 0.32) 82%, rgba(31, 158, 109, 0));
color: var(--glint);
}
#outer #header .dropdown .menu a:hover::before,
#outer #header .dropdown .menu a:focus::before {
content: '';
display: inline-block;
width: 4px;
height: 4px;
margin: 0 8px 0 -12px;
vertical-align: 2px;
background: conic-gradient(from -45deg, #f3dfa7 0 90deg, #a5915d 90deg 180deg, #cdb575 180deg 270deg, #f6e7bf 270deg);
transform: rotate(45deg);
}
#outer #header li.search {
display: flex;
align-items: center;
float: none;
margin: 4px 12px;
color: var(--ivory);
}
#outer #header #search,
#outer #header #search fieldset {
margin: 0;
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
font-size: 14px;
}
#outer #header #search p {
display: flex;
align-items: center;
margin: 0;
padding: 0;
position: relative;
}
#outer #header #search .text,
#outer #header #search input[type=text] {
width: 190px;
height: 30px;
margin: 0 6px 0 0;
padding: 4px 10px;
background: var(--well);
border: 1px solid rgba(200, 162, 74, 0.24);
border-bottom: 1px solid var(--gold);
border-radius: 0;
color: var(--ivory);
font-size: 14px;
}
#outer #header #search .tip {
background: var(--velvet-2);
border: 1px solid rgba(200, 162, 74, 0.45);
color: var(--muted);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10px;
letter-spacing: 0.1em;
padding: 4px 8px;
}
#outer #header #search .submit {
display: inline-block;
margin: 0;
padding: 0;
float: none;
}
#outer #main .actions a,
#outer #main .actions a:link,
#outer #main .actions a:visited,
#outer #main .actions button,
#outer #main .actions span.current,
#outer #main .action,
#outer #main input[type=submit],
#outer #main button,
#outer #header #search input[type=submit],
#modal .action {
box-sizing: border-box;
display: inline-block;
height: auto;
min-height: 0;
margin: 3px 0;
padding: 8px 14px 7px;
background: linear-gradient(180deg, #11523b 0%, #0b3d2b 46%, #08301f 54%, #0c4230 100%);
border: 1px solid var(--gold-bezel);
border-color: #ccb581 #967731 #85692b #c1a565;
border-radius: 0;
box-shadow: inset 0 0 0 1px #06140e, inset 0 0 0 2px rgba(125, 226, 180, 0.22), inset 0 0 0 4px rgba(6, 36, 24, 0.9), inset 0 0 0 5px rgba(125, 226, 180, 0.1), 0 2px 5px rgba(0, 0, 0, 0.55);
color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10.5px;
font-weight: 500;
letter-spacing: 0.18em;
line-height: 1.35;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
vertical-align: middle;
transition: background-color 0.25s ease, box-shadow 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
#outer #main .actions a:hover,
#outer #main .actions a:focus,
#outer #main .actions button:hover,
#outer #main .actions button:focus,
#outer #main .action:hover,
#outer #main .action:focus,
#outer #main input[type=submit]:hover,
#outer #main input[type=submit]:focus,
#outer #main button:hover,
#outer #main button:focus,
#outer #header #search input[type=submit]:hover,
#outer #header #search input[type=submit]:focus,
#modal .action:hover,
#modal .action:focus {
background: linear-gradient(180deg, #1b8a60 0%, #13704d 46%, #0e5a3e 54%, #16764f 100%);
border-color: #f5e3b4 #cbb474 #b49e66 #f2dda3;
box-shadow: inset 0 0 0 1px #06140e, inset 0 0 0 2px rgba(216, 251, 233, 0.45), inset 0 0 0 4px rgba(10, 70, 46, 0.85), inset 0 0 0 5px rgba(216, 251, 233, 0.22), 0 0 14px rgba(31, 158, 109, 0.55), 0 2px 5px rgba(0, 0, 0, 0.55);
color: #fff6d6;
}
#outer #main .actions a:active,
#outer #main input[type=submit]:active,
#outer #main button:active {
background: linear-gradient(180deg, #08301f 0%, #0b3d2b 100%);
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.8), inset 0 0 0 1px rgba(125, 226, 180, 0.2);
}
#outer #main .actions span.current,
#outer #main .actions .current,
#outer #main .navigation span.current {
background: radial-gradient(ellipse 80% 90% at 50% 40%, rgba(125, 226, 180, 0.45), rgba(125, 226, 180, 0) 70%), linear-gradient(180deg, var(--em-bright) 0%, #13754f 48%, #0e5f40 54%, #178457 100%);
border-color: #f5e3b4 #cbb474 #b49e66 #f2dda3;
box-shadow: inset 0 0 0 1px #06140e, inset 0 0 0 2px rgba(216, 251, 233, 0.5), inset 0 0 0 4px rgba(12, 82, 54, 0.8), inset 0 0 0 5px rgba(216, 251, 233, 0.25), 0 0 16px rgba(31, 158, 109, 0.65);
color: #fffaf0;
cursor: default;
}
#outer #main ol.pagination {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
column-gap: 7px;
float: none;
clear: both;
margin: 18px auto;
padding: 0;
text-align: center;
}
#outer #main ol.pagination li {
display: block;
margin: 4px 0;
padding: 0;
}
#outer #main ol.pagination li a,
#outer #main ol.pagination li a:link,
#outer #main ol.pagination li a:visited,
#outer #main ol.pagination li span {
--oct: linear-gradient(135deg, transparent var(--cut), var(--fill) var(--cut2)) top left, linear-gradient(225deg, transparent var(--cut), var(--fill) var(--cut2)) top right, linear-gradient(315deg, transparent var(--cut), var(--fill) var(--cut2)) bottom right, linear-gradient(45deg, transparent var(--cut), var(--fill) var(--cut2)) bottom left;
--rim: linear-gradient(135deg, transparent var(--rcut), var(--rtl) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) top left, linear-gradient(225deg, transparent var(--rcut), var(--rtr) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) top right, linear-gradient(315deg, transparent var(--rcut), var(--rbr) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) bottom right, linear-gradient(45deg, transparent var(--rcut), var(--rbl) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) bottom left;
--cut: 6.6px;
--cut2: 7.1px;
--fill: var(--velvet-2);
--rcut: 7px;
--rcut2: 7.5px;
--rfill: var(--gold-rim);
--rtl: #c7b793;
--rtr: #b39d6b;
--rbr: #6c5627;
--rbl: #856b31;
--rdk: #775f2c;
--rhi: #b9a577;
box-sizing: border-box;
display: inline-block;
min-width: 34px;
height: 34px;
margin: 0;
padding: 9px 10px 0;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
border: 1px solid transparent;
border-radius: 0;
box-shadow: none;
color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.06em;
line-height: 1.2;
text-shadow: none;
text-transform: uppercase;
transition: color 0.25s ease;
}
#outer #main ol.pagination li.previous a,
#outer #main ol.pagination li.previous span,
#outer #main ol.pagination li.next a,
#outer #main ol.pagination li.next span {
padding: 10px 14px 0;
font-size: 10.5px;
letter-spacing: 0.16em;
}
#outer #main ol.pagination li a:hover,
#outer #main ol.pagination li a:focus,
#outer #main ol.pagination li a:active {
--fill: #123326;
--rfill: var(--gold-light);
--rtl: #f6e7bf;
--rtr: #f3dfa7;
--rbr: #a5915d;
--rbl: #cdb575;
--rdk: #b7a168;
--rhi: #f4e1ae;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
border-color: transparent;
box-shadow: none;
color: #fff3cf;
}
#outer #main ol.pagination li a.current,
#outer #main ol.pagination li a.current:hover,
#outer #main ol.pagination li span.current {
--fill: #137a52;
--rfill: var(--gold-light);
--rtl: #f6e7bf;
--rtr: #f3dfa7;
--rbr: #a5915d;
--rbl: #cdb575;
--rdk: #b7a168;
--rhi: #f4e1ae;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
border-color: transparent;
box-shadow: none;
color: #fff8e0;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
cursor: default;
}
#outer #main ol.pagination li span.disabled {
--fill: var(--velvet);
--rfill: rgba(185, 198, 193, 0.35);
--rtl: rgba(216, 224, 221, 0.35);
--rtr: rgba(202, 212, 208, 0.35);
--rbr: rgba(129, 135, 130, 0.35);
--rbl: rgba(159, 170, 164, 0.35);
--rdk: rgba(142, 150, 145, 0.35);
--rhi: rgba(207, 216, 212, 0.35);
color: rgba(185, 198, 193, 0.62);
}
#outer #main ol.pagination li span.gap {
min-width: 30px;
background: radial-gradient(circle at 7px 17px, var(--gold-light) 0, var(--gold) 1.8px, rgba(200, 162, 74, 0) 2.6px), radial-gradient(circle at 15px 17px, var(--gold-light) 0, var(--gold) 1.8px, rgba(200, 162, 74, 0) 2.6px), radial-gradient(circle at 23px 17px, var(--gold-light) 0, var(--gold) 1.8px, rgba(200, 162, 74, 0) 2.6px);
border: 0;
box-shadow: none;
color: transparent;
text-shadow: none;
}
#outer #main > h2.heading {
display: block;
clear: both;
position: relative;
margin: 22px auto 8px;
padding: 0 0 26px;
color: var(--muted);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.3em;
line-height: 1.6;
text-align: center;
text-transform: uppercase;
}
#outer #main > h2.heading a.tag {
display: block;
margin: 8px 0 0;
padding: 0;
background: var(--foil);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: var(--gold-light);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 36px;
font-style: italic;
letter-spacing: 0;
line-height: 1.12;
text-transform: none;
text-wrap: balance;
}
#outer #main > h2.heading a.tag:hover {
-webkit-text-fill-color: var(--glint);
}
#outer #main > h2.heading::after {
content: '';
position: absolute;
bottom: 4px;
left: 50%;
width: 180px;
height: 11px;
margin-left: -90px;
background: linear-gradient(to bottom right, transparent 50%, #e1cc9b 50%) 85px 0 no-repeat, linear-gradient(to bottom left, transparent 50%, #d6b977 50%) 90px 0 no-repeat, linear-gradient(to top left, transparent 50%, #8b6f32 50%) 90px 5.5px no-repeat, linear-gradient(to top right, transparent 50%, #ac8b3f 50%) 85px 5.5px no-repeat, linear-gradient(90deg, rgba(200, 162, 74, 0), var(--gold) 40%, rgba(200, 162, 74, 0) 40.01%, rgba(200, 162, 74, 0) 59.99%, var(--gold) 60%, rgba(200, 162, 74, 0)) 0 5px no-repeat;
background-size: 5px 5.5px, 5px 5.5px, 5px 5.5px, 5px 5.5px, 100% 1px;
}
#outer #main div.navigation.actions.module,
#outer #main > .navigation.actions {
float: none;
clear: both;
width: auto;
margin: 4px 0 0;
padding: 0;
text-align: center;
}
#outer #main div.navigation.actions > ul.navigation.actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
column-gap: 8px;
float: none;
margin: 0;
padding: 0;
}
#outer #main div.navigation.actions > ul.navigation.actions > li {
margin: 0;
padding: 0;
}
#outer #main a.rss span {
background: none;
padding: 0;
}
#outer #main .index:has(> li.blurb) {
display: flex;
flex-wrap: wrap;
align-items: stretch;
column-gap: 18px;
margin: 14px 0 10px;
padding: 0;
background: transparent;
box-shadow: none;
}
#outer #main.filtered {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
#outer #main.filtered > * {
flex: 0 0 100%;
min-width: 0;
}
#outer #main.filtered::after {
content: none;
}
#outer #main.filtered > .index,
#outer #main.filtered > ol.work.index {
flex: 1 1 auto;
float: none;
width: 73.5%;
}
#outer #main.filtered > form.filters {
flex: 0 0 24.5%;
margin-left: 2%;
}
#outer #main li.blurb {
flex: 1 1 100%;
min-width: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
position: relative;
z-index: 0;
margin: 0 0 18px;
padding: 30px 24px 18px;
border: 1px solid transparent;
border-radius: 0;
overflow: visible;
color: var(--text);
box-shadow: none;
transition: filter 0.4s ease;
}
#outer #main li.blurb {
--em-t: linear-gradient(180deg, #1a4228 0, #1a4228 0.08px, #1a5b34 0.25px, #136235 0.58px, #014b22 0.75px, #011609 0.92px, #016d34 1.08px, #01a651 1.25px, #01833f 1.42px, #011408 1.58px, #001207 2.42px, #00dd79 2.58px, #00a652 2.92px, #01ae59 3.08px, #011408 3.25px, #011509 4.08px, #014921 4.25px, #0d522b 4.42px, #133d23 4.75px, #0e1c11 4.92px, #0e1c11 5px);
--em-b: linear-gradient(0deg, #1a4228 0, #1a4228 0.08px, #1a5b34 0.25px, #136235 0.58px, #014b22 0.75px, #011609 0.92px, #016d34 1.08px, #01a651 1.25px, #01833f 1.42px, #011408 1.58px, #001207 2.42px, #00dd79 2.58px, #00a652 2.92px, #01ae59 3.08px, #011408 3.25px, #011509 4.08px, #014921 4.25px, #0d522b 4.42px, #133d23 4.75px, #0e1c11 4.92px, #0e1c11 5px);
--em-l: linear-gradient(90deg, #1a4228 0, #1a4228 0.08px, #1a5b34 0.25px, #136235 0.58px, #014b22 0.75px, #011609 0.92px, #016d34 1.08px, #01a651 1.25px, #01833f 1.42px, #011408 1.58px, #001207 2.42px, #00dd79 2.58px, #00a652 2.92px, #01ae59 3.08px, #011408 3.25px, #011509 4.08px, #014921 4.25px, #0d522b 4.42px, #133d23 4.75px, #0e1c11 4.92px, #0e1c11 5px);
--em-r: linear-gradient(270deg, #1a4228 0, #1a4228 0.08px, #1a5b34 0.25px, #136235 0.58px, #014b22 0.75px, #011609 0.92px, #016d34 1.08px, #01a651 1.25px, #01833f 1.42px, #011408 1.58px, #001207 2.42px, #00dd79 2.58px, #00a652 2.92px, #01ae59 3.08px, #011408 3.25px, #011509 4.08px, #014921 4.25px, #0d522b 4.42px, #133d23 4.75px, #0e1c11 4.92px, #0e1c11 5px);
--em-g90: repeating-linear-gradient(90deg, #03100a 0 1px, #07160c 1px 1.33px, rgba(0, 0, 0, 0) 1.33px 12.67px, #07160c 12.67px 13px);
--em-g270: repeating-linear-gradient(270deg, #03100a 0 1px, #07160c 1px 1.33px, rgba(0, 0, 0, 0) 1.33px 12.67px, #07160c 12.67px 13px);
--em-g180: repeating-linear-gradient(180deg, #03100a 0 1px, #07160c 1px 1.33px, rgba(0, 0, 0, 0) 1.33px 12.67px, #07160c 12.67px 13px);
--em-g0: repeating-linear-gradient(0deg, #03100a 0 1px, #07160c 1px 1.33px, rgba(0, 0, 0, 0) 1.33px 12.67px, #07160c 12.67px 13px);
--em-e90: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 3.33px, #092d15 3.42px, #01160a 4.25px, rgba(0, 0, 0, 0) 4.8px, rgba(0, 0, 0, 0) 13.2px, #01160a 13.75px, #092d15 14.58px, rgba(0, 0, 0, 0) 14.67px, rgba(0, 0, 0, 0) 15px);
--em-e270: repeating-linear-gradient(270deg, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 3.33px, #092d15 3.42px, #01160a 4.25px, rgba(0, 0, 0, 0) 4.8px, rgba(0, 0, 0, 0) 13.2px, #01160a 13.75px, #092d15 14.58px, rgba(0, 0, 0, 0) 14.67px, rgba(0, 0, 0, 0) 15px);
--em-e180: repeating-linear-gradient(180deg, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 3.33px, #092d15 3.42px, #01160a 4.25px, rgba(0, 0, 0, 0) 4.8px, rgba(0, 0, 0, 0) 13.2px, #01160a 13.75px, #092d15 14.58px, rgba(0, 0, 0, 0) 14.67px, rgba(0, 0, 0, 0) 15px);
--em-e0: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 3.33px, #092d15 3.42px, #01160a 4.25px, rgba(0, 0, 0, 0) 4.8px, rgba(0, 0, 0, 0) 13.2px, #01160a 13.75px, #092d15 14.58px, rgba(0, 0, 0, 0) 14.67px, rgba(0, 0, 0, 0) 15px);
--em-tl: linear-gradient(135deg, transparent 13.6px, #1a5430 14.1px, #0b582c 14.41px, #017839 14.95px, #017035 15.13px, #012b13 15.67px, #00381b 15.85px, #00a455 16.39px, #00af5a 16.57px, #00a855 16.75px, #019149 16.93px, #012d14 17.47px, #011f0d 17.65px, #0b4523 18.37px, #11371f 18.91px, #11371f 19.6px, transparent 19.6px);
--em-tr: linear-gradient(225deg, transparent 13.6px, #1a5430 14.1px, #0b582c 14.41px, #017839 14.95px, #017035 15.13px, #012b13 15.67px, #00381b 15.85px, #00a455 16.39px, #00af5a 16.57px, #00a855 16.75px, #019149 16.93px, #012d14 17.47px, #011f0d 17.65px, #0b4523 18.37px, #11371f 18.91px, #11371f 19.6px, transparent 19.6px);
--em-br: linear-gradient(315deg, transparent 13.6px, #1a5430 14.1px, #0b582c 14.41px, #017839 14.95px, #017035 15.13px, #012b13 15.67px, #00381b 15.85px, #00a455 16.39px, #00af5a 16.57px, #00a855 16.75px, #019149 16.93px, #012d14 17.47px, #011f0d 17.65px, #0b4523 18.37px, #11371f 18.91px, #11371f 19.6px, transparent 19.6px);
--em-bl: linear-gradient(45deg, transparent 13.6px, #1a5430 14.1px, #0b582c 14.41px, #017839 14.95px, #017035 15.13px, #012b13 15.67px, #00381b 15.85px, #00a455 16.39px, #00af5a 16.57px, #00a855 16.75px, #019149 16.93px, #012d14 17.47px, #011f0d 17.65px, #0b4523 18.37px, #11371f 18.91px, #11371f 19.6px, transparent 19.6px);
--em-j270: linear-gradient(270deg, #07160c 0, #07160c 0.33px, #092d15 0.42px);
--em-j90: linear-gradient(90deg, #07160c 0, #07160c 0.33px, #092d15 0.42px);
--em-j0: linear-gradient(0deg, #07160c 0, #07160c 0.33px, #092d15 0.42px);
--em-j180: linear-gradient(180deg, #07160c 0, #07160c 0.33px, #092d15 0.42px);
--em-c45: linear-gradient(45deg, transparent 2.33px, #03100a 2.33px 3.33px, transparent 3.33px);
--em-c135: linear-gradient(135deg, transparent 2.33px, #03100a 2.33px 3.33px, transparent 3.33px);
--em-k135: linear-gradient(135deg, transparent 0.87px, #03100a 0.87px);
--em-a135: linear-gradient(135deg, #03100a 0.5px, transparent 0.5px);
--em-b135: linear-gradient(135deg, transparent 0.91px, #03100a 0.91px);
--em-k225: linear-gradient(225deg, transparent 0.87px, #03100a 0.87px);
--em-a225: linear-gradient(225deg, #03100a 0.5px, transparent 0.5px);
--em-b225: linear-gradient(225deg, transparent 0.91px, #03100a 0.91px);
--em-k315: linear-gradient(315deg, transparent 0.87px, #03100a 0.87px);
--em-a315: linear-gradient(315deg, #03100a 0.5px, transparent 0.5px);
--em-b315: linear-gradient(315deg, transparent 0.91px, #03100a 0.91px);
--em-k45: linear-gradient(45deg, transparent 0.87px, #03100a 0.87px);
--em-a45: linear-gradient(45deg, #03100a 0.5px, transparent 0.5px);
--em-b45: linear-gradient(45deg, transparent 0.91px, #03100a 0.91px);
background: var(--em-c45) left 11px top 11px, var(--em-k135) left 10px top 10px, var(--em-a45) left 11px top 10px, var(--em-b45) left 10px top 11px, var(--em-c135) right 11px top 11px, var(--em-k225) right 10px top 10px, var(--em-a315) right 11px top 10px, var(--em-b315) right 10px top 11px, var(--em-c45) right 11px bottom 11px, var(--em-k315) right 10px bottom 10px, var(--em-a225) right 11px bottom 10px, var(--em-b225) right 10px bottom 11px, var(--em-c135) left 11px bottom 11px, var(--em-k45) left 10px bottom 10px, var(--em-a135) left 11px bottom 10px, var(--em-b135) left 10px bottom 11px, var(--em-j270) left 21px top 1px, var(--em-j0) left 1px top 21px, var(--em-j90) right 21px top 1px, var(--em-j0) right 1px top 21px, var(--em-j90) right 21px bottom 1px, var(--em-j180) right 1px bottom 21px, var(--em-j270) left 21px bottom 1px, var(--em-j180) left 1px bottom 21px, var(--em-tl) left 1px top 1px, var(--em-tr) right 1px top 1px, var(--em-br) right 1px bottom 1px, var(--em-bl) left 1px bottom 1px, var(--em-g90) left -3px top -30px, var(--em-g270) right -3px top -30px, var(--em-g90) left -3px bottom -18px, var(--em-g270) right -3px bottom -18px, var(--em-g180) left -24px top -9px, var(--em-g0) left -24px bottom 3px, var(--em-g180) right -24px top -9px, var(--em-g0) right -24px bottom 3px, var(--em-e90) left -5px top -29px, var(--em-e270) right -5px top -29px, var(--em-e90) left -5px bottom -17px, var(--em-e270) right -5px bottom -17px, var(--em-e180) left -23px top -11px, var(--em-e0) left -23px bottom 1px, var(--em-e180) right -23px top -11px, var(--em-e0) right -23px bottom 1px, var(--em-t) left 22px top 1px, var(--em-t) right 22px top 1px, var(--em-b) left 22px bottom 1px, var(--em-b) right 22px bottom 1px, var(--em-l) left 1px top 22px, var(--em-l) left 1px bottom 22px, var(--em-r) right 1px top 22px, var(--em-r) right 1px bottom 22px, var(--oct), var(--rim);
background-size: 4px 4px, 1px 1px, 1px 1px, 1px 1px, 4px 4px, 1px 1px, 1px 1px, 1px 1px, 4px 4px, 1px 1px, 1px 1px, 1px 1px, 4px 4px, 1px 1px, 1px 1px, 1px 1px, 1px 7px, 7px 1px, 1px 7px, 7px 1px, 1px 7px, 7px 1px, 1px 7px, 7px 1px, 21px 21px, 21px 21px, 21px 21px, 21px 21px, 50% 5px, 50% 5px, 50% 5px, 50% 5px, 5px 50%, 5px 50%, 5px 50%, 5px 50%, 50% 3px, 50% 3px, 50% 3px, 50% 3px, 3px 50%, 3px 50%, 3px 50%, 3px 50%, 50% 5px, 50% 5px, 50% 5px, 50% 5px, 5px 50%, 5px 50%, 5px 50%, 5px 50%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%;
background-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, 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, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
}
#outer #main li.blurb::before {
content: '';
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
z-index: -1;
border: 1px solid transparent;
--rcut: 11.93px;
--rcut2: 12.4px;
--rfill: var(--gold-inner);
--rtl: #b0a48b;
--rtr: #938361;
--rbr: #4f3f1e;
--rbl: #604e26;
--rdk: #574621;
--rhi: #9c8d6d;
--cut: 11.51px;
--cut2: 12px;
--fill: var(--velvet-2);
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
transition: filter 0.4s ease;
}
#outer #main li.blurb::after {
content: '';
display: block;
position: absolute;
left: 18%;
right: 18%;
bottom: 6px;
height: 46%;
z-index: -1;
visibility: visible;
clear: none;
font-size: 0;
background: radial-gradient(ellipse 50% 100% at 50% 100%, rgba(31, 158, 109, 0.26), rgba(31, 158, 109, 0.08) 55%, rgba(31, 158, 109, 0) 100%);
opacity: 0;
transform: translateY(14px);
transition: opacity 0.5s ease, transform 0.6s ease;
}
#outer #main li.blurb:hover {
filter: drop-shadow(0 12px 20px rgba(31, 158, 109, 0.2));
}
#outer #main li.blurb:hover::before {
filter: brightness(1.35);
}
#outer #main li.blurb:hover::after {
opacity: 1;
transform: translateY(0);
}
#outer #main .blurb .module,
#outer #main .blurb .header {
float: none;
}
#outer #main li.blurb div.header.module {
position: relative;
min-height: 56px;
margin: 0 0 4px;
padding: 0 0 18px 70px;
width: auto;
}
#outer #main li.blurb div.header.module::after {
content: '';
position: absolute;
bottom: 4px;
left: 0;
right: 0;
height: 1px;
background: var(--rule-soft);
}
#outer #main li.blurb div.header.module::before {
content: '';
position: absolute;
bottom: 1px;
left: 50%;
width: 6px;
height: 6px;
margin-left: -3px;
z-index: 1;
background: conic-gradient(from -45deg, #d6b977 0 90deg, #8b6f32 90deg 180deg, #ac8b3f 180deg 270deg, #e1cc9b 270deg);
box-shadow: 0 0 0 3px var(--velvet-2);
transform: rotate(45deg);
}
#outer #main .blurb .header .heading,
#outer #main .blurb .header ul {
margin: 0;
}
#outer #main .blurb h4.heading {
margin: 0 0 3px;
color: var(--muted);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.2em;
line-height: 1.7;
text-transform: uppercase;
}
#outer #main .blurb h4.heading > a:first-of-type,
#outer #main .blurb h4.heading > a:first-of-type:link {
display: block;
margin: 0 0 3px;
color: var(--ivory);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 21px;
font-style: italic;
letter-spacing: 0;
line-height: 1.18;
text-transform: none;
text-wrap: balance;
transition: color 0.2s ease;
}
#outer #main .blurb h4.heading > a:first-of-type:visited {
color: #d9d0b8;
}
#outer #main .blurb h4.heading > a:first-of-type:hover {
color: var(--glint);
}
#outer #main .blurb h4.heading > a:not(:first-of-type) {
color: var(--gold-light);
font-weight: 500;
}
#outer #main .blurb h4.heading > a:not(:first-of-type):hover {
color: var(--glint);
}
#outer #main img[alt="(Restricted)"],
#outer #main img[alt="(Hidden by Admin)"] {
box-sizing: border-box;
display: inline-block;
width: 11px;
height: 14px;
padding: 0 0 0 11px;
margin: 0 0 0 9px;
border: 0;
vertical-align: -2px;
background: radial-gradient(circle at 5.5px 2px, #241803 0 1.3px, transparent 1.5px), linear-gradient(#241803, #241803), linear-gradient(180deg, #f6e2a0 0, #d8b560 30%, #b08a3c 62%, #7d6224 100%), radial-gradient(circle at 5.5px 5.5px, transparent 0 2.6px, #e7c878 2.8px 3.4px, #9c7a30 3.6px 4.3px, transparent 4.5px);
background-size: 11px 7px, 1px 3px, 11px 7px, 11px 8px;
background-position: 0 7px, 5px 9px, 0 7px, 0 0;
background-repeat: no-repeat;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.6));
}
#outer #main img[alt="(Hidden by Admin)"] {
background-image: radial-gradient(circle at 5.5px 2px, #241803 0 1.3px, transparent 1.5px), linear-gradient(#241803, #241803), linear-gradient(180deg, #f08a9a 0, #c0223b 45%, #7a1024 100%), radial-gradient(circle at 5.5px 5.5px, transparent 0 2.6px, #e7c878 2.8px 3.4px, #9c7a30 3.6px 4.3px, transparent 4.5px);
}
#outer #main .blurb h5.fandoms {
margin: 2px 0 0;
color: var(--mint);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 14px;
font-style: italic;
line-height: 1.4;
}
#outer #main .blurb h5.fandoms a.tag {
color: var(--mint);
font-size: 14px;
line-height: 1.4;
}
#outer #main .blurb h5.fandoms a.tag:hover,
#outer #main .blurb h5.fandoms a.tag:focus {
background: none;
color: var(--glint);
}
#outer #main li.blurb .header p.datetime {
position: absolute;
top: -12px;
right: 6px;
margin: 0;
color: var(--muted);
font-size: 9.5px;
font-weight: 500;
letter-spacing: 0.2em;
line-height: 1.4;
text-transform: uppercase;
}
#outer .required-tags span.rating,
#outer .required-tags span.category,
#outer .required-tags span.warnings,
#outer .required-tags span.iswip,
#outer .required-tags span.external-work {
--sparks: radial-gradient(closest-side, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.45) 40%, rgba(255, 255, 255, 0)), radial-gradient(closest-side, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
--sparks-sz: 5px 5px, 3px 3px;
--sparks-ps: 10px 8px, 31px 5px;
}
#outer #main .blurb ul.required-tags {
position: static;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: baseline;
width: auto;
height: auto;
margin: 7px 0 0;
padding: 0;
background: none;
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 9.5px;
font-weight: 500;
letter-spacing: 0.18em;
line-height: 1.7;
text-transform: uppercase;
}
#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: inline;
width: auto;
height: auto;
margin: 0;
padding: 0;
white-space: nowrap;
}
#outer #main .blurb ul.required-tags li:nth-child(1) {
order: 1;
}
#outer #main .blurb ul.required-tags li:nth-child(3) {
order: 2;
}
#outer #main .blurb ul.required-tags li:nth-child(2) {
order: 3;
}
#outer #main .blurb ul.required-tags li:nth-child(4) {
order: 4;
}
#outer #main .blurb ul.required-tags li:not(:last-child)::after {
content: '\25C6';
display: inline-block;
margin: 0 0.6em 0 0.4em;
color: var(--gold);
font-size: 6.5px;
letter-spacing: 0;
opacity: 0.75;
vertical-align: 1.5px;
}
#outer #main .blurb ul.required-tags li a,
#outer #main .blurb ul.required-tags li a:link,
#outer #main .blurb ul.required-tags li a:visited {
display: inline;
width: auto;
height: auto;
margin: 0;
padding: 0;
border: 0;
background: none;
color: var(--gold);
font-weight: inherit;
text-decoration: none;
}
#outer #main .blurb ul.required-tags li a:hover,
#outer #main .blurb ul.required-tags li a:focus {
color: var(--gold-light);
}
#outer #main .blurb ul.required-tags span.rating,
#outer #main .blurb ul.required-tags span.category,
#outer #main .blurb ul.required-tags span.warnings,
#outer #main .blurb ul.required-tags span.iswip,
#outer #main .blurb ul.required-tags span.external-work {
position: static;
display: inline;
width: auto;
height: auto;
margin: 0;
padding: 0;
overflow: visible;
background: none;
box-shadow: none;
filter: none;
color: inherit;
font-weight: inherit;
}
#outer #main .blurb ul.required-tags span.rating::before,
#outer #main .blurb ul.required-tags span.category::before,
#outer #main .blurb ul.required-tags span.warnings::before,
#outer #main .blurb ul.required-tags span.iswip::before,
#outer #main .blurb ul.required-tags span.external-work::before {
content: '';
position: absolute;
top: 4px;
left: 4px;
width: 44px;
height: 44px;
background-image: var(--sparks), var(--rings);
background-size: var(--sparks-sz), var(--rings-sz);
background-position: var(--sparks-ps), var(--rings-ps);
background-repeat: no-repeat;
transform: scale(0.5);
transform-origin: 0 0;
}
#outer #main .blurb ul.required-tags li:nth-child(3) span::before {
left: 28px;
}
#outer #main .blurb ul.required-tags li:nth-child(2) span::before {
top: 28px;
}
#outer #main .blurb ul.required-tags li:nth-child(4) span::before {
top: 28px;
left: 28px;
}
#outer #main .blurb ul.required-tags span.rating::after,
#outer #main .blurb ul.required-tags span.category::after,
#outer #main .blurb ul.required-tags span.warnings::after,
#outer #main .blurb ul.required-tags span.iswip::after,
#outer #main .blurb ul.required-tags span.external-work::after {
content: none;
position: static;
display: inline;
color: inherit;
font: inherit;
letter-spacing: inherit;
text-shadow: none;
}
#outer #main .blurb ul.required-tags span.rating-general-audience::after {
content: 'General';
}
#outer #main .blurb ul.required-tags span.rating-teen::after {
content: 'Teen And Up';
}
#outer #main .blurb ul.required-tags span.warning-yes::after {
content: 'Warnings Apply';
}
#outer #main .blurb ul.required-tags span.warning-choosenotto::after {
content: 'Chose Not To Warn';
}
#outer #main .blurb ul.required-tags span.warning-no::after {
content: 'No Warnings';
}
#outer #main .blurb ul.required-tags span.external-work::after {
content: 'External Work';
}
#outer #main .blurb ul.required-tags span.complete-yes::after {
content: 'Complete';
}
#outer #main .blurb ul.required-tags span.complete-no::after {
content: 'In Progress';
}
#outer .required-tags span.text {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
font-size: 1px;
color: transparent;
}
#outer #main .blurb ul.required-tags span.rating-mature span.text,
#outer #main .blurb ul.required-tags span.rating-explicit span.text,
#outer #main .blurb ul.required-tags span.rating-notrated span.text,
#outer #main .blurb ul.required-tags span.category span.text {
position: static;
display: inline;
width: auto;
height: auto;
overflow: visible;
clip: auto;
color: inherit;
font-size: inherit;
}
#outer #main .blurb ul.tags {
margin: 12px 0 0;
padding: 0;
line-height: 1.75;
}
#outer #main .blurb ul.tags li {
display: inline;
margin: 0;
padding: 0;
}
#outer #main .blurb ul.tags li::after,
#outer #main .blurb ul.tags.commas li::after {
content: '\25C6\200B';
display: inline;
margin: 0 5px 0 8px;
color: #8a6c2a;
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 7px;
font-weight: 400;
vertical-align: 2px;
}
#outer #main .blurb ul.tags li:last-child::after {
content: none;
}
#outer #main .blurb ul.tags a.tag,
#outer #main .blurb ul.tags a.tag:visited {
padding: 0;
background: none;
border: 0;
color: var(--ivory);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 13.5px;
line-height: 1.75;
transition: color 0.2s ease;
}
#outer #main .blurb ul.tags li.warnings a.tag {
color: var(--topaz);
font-weight: 700;
}
#outer #main .blurb ul.tags li.relationships a.tag {
color: var(--gold-light);
font-weight: 600;
background: none;
}
#outer #main .blurb ul.tags li.freeforms a.tag {
color: var(--sage);
}
#outer #main .blurb ul.tags a.tag:hover,
#outer #main .blurb ul.tags li a.tag:hover {
background: none;
color: var(--glint);
text-decoration: underline;
text-decoration-color: rgba(125, 226, 180, 0.6);
text-underline-offset: 0.22em;
}
#outer #main .blurb blockquote.userstuff.summary,
#outer #main .blurb blockquote.summary {
margin: 12px 0 4px;
padding: 0;
border: 0;
color: #d6ccb3;
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 14.5px;
line-height: 1.62;
text-align: left;
}
#outer #main .blurb blockquote.summary p {
margin: 0 0 0.6em;
}
#outer #main .blurb blockquote.summary p:last-child {
margin-bottom: 0;
}
#outer #main .blurb ul.series {
margin: 10px 0 12px;
padding: 0;
}
#outer #main .blurb ul.series li {
display: block;
margin: 0;
padding: 0;
color: var(--muted);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10px;
letter-spacing: 0.18em;
text-transform: uppercase;
}
#outer #main .blurb ul.series li::before {
content: '';
display: inline-block;
width: 5px;
height: 5px;
margin: 0 10px 0 2px;
vertical-align: 2px;
background: conic-gradient(from -45deg, #d6b977 0 90deg, #8b6f32 90deg 180deg, #ac8b3f 180deg 270deg, #e1cc9b 270deg);
transform: rotate(45deg);
}
#outer #main .blurb ul.series strong {
color: var(--ivory);
font-weight: 700;
}
#outer #main .blurb ul.series a {
color: var(--gold-light);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 15px;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
#outer #main .blurb ul.series a:hover {
color: var(--glint);
}
#outer #main dl.stats {
float: none;
clear: both;
margin: auto 0 0;
padding: 14px 0 0;
background: var(--rule-soft) 0 0 no-repeat, var(--rule-soft) 0 3px no-repeat;
background-size: 100% 1px;
box-shadow: none;
text-align: center;
white-space: nowrap;
line-height: 1.9;
min-width: 0;
max-width: 100%;
}
#outer #main li.blurb dl.stats {
margin-top: auto;
}
#outer #main dl.stats dt,
#outer #main dl.stats dd {
display: inline;
float: none;
width: auto;
margin: 0;
padding: 0;
background: none;
}
#outer #main dl.stats dt {
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 9.5px;
font-weight: 500;
letter-spacing: 0.18em;
text-transform: uppercase;
}
#outer #main dl.stats dt::before {
content: '';
display: inline-block;
width: 4px;
height: 4px;
margin: 0 7px 0 0;
vertical-align: 1px;
background: conic-gradient(from -45deg, #d6b977 0 90deg, #8b6f32 90deg 180deg, #ac8b3f 180deg 270deg, #e1cc9b 270deg);
transform: rotate(45deg);
}
#outer #main dl.stats dd {
margin: 0 0 0 4px;
color: var(--ivory);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 13.5px;
font-variant-numeric: lining-nums tabular-nums;
white-space: nowrap;
}
#outer #main dl.stats dd::after {
content: ' \200C';
white-space: normal;
word-spacing: 0.9em;
}
#outer #main dl.stats dd a {
color: var(--gold-light);
border: 0;
}
#outer #main dl.stats dd a:hover {
color: var(--glint);
}
#outer #main li.blurb > ul.actions,
#outer #main li.blurb > p.actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: 6px;
float: none;
clear: none;
margin: 10px 0 0;
padding: 0;
}
#outer #main li.blurb > ul.actions:empty,
#outer #main li.blurb > ul.actions:not(:has(li)) {
display: none;
}
form.filters {
font-size: 12.25px;
margin-top: 14px;
margin-bottom: 18px;
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
}
#outer #main form.filters > fieldset {
position: relative;
z-index: 1;
box-sizing: border-box;
margin: 0;
padding: 24px 20px 20px;
border: 1px solid transparent;
--fill: var(--band);
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
box-shadow: none;
overflow: visible;
}
#outer #main form.filters > fieldset::before {
content: '';
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
z-index: -1;
border: 1px solid transparent;
--rcut: 11.93px;
--rcut2: 12.4px;
--rfill: var(--gold-inner);
--rtl: #b0a48b;
--rtr: #938361;
--rbr: #4f3f1e;
--rbl: #604e26;
--rdk: #574621;
--rhi: #9c8d6d;
--cut: 11.51px;
--cut2: 12px;
--fill: var(--velvet-2);
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
}
#outer #main .filters legend {
display: block;
float: left;
width: 100%;
height: auto;
margin: 0 0 12px;
padding: 0 0 12px;
font-size: 11px;
opacity: 1;
color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-weight: 500;
letter-spacing: 0.28em;
text-align: center;
text-transform: uppercase;
position: relative;
background: var(--rule-soft) 0 100% no-repeat;
background-size: 100% 1px;
}
#outer #main .filters legend::after {
content: '';
position: absolute;
bottom: -3px;
left: 50%;
width: 6px;
height: 6px;
margin-left: -3px;
background: conic-gradient(from -45deg, #d6b977 0 90deg, #8b6f32 90deg 180deg, #ac8b3f 180deg 270deg, #e1cc9b 270deg);
box-shadow: 0 0 0 3px var(--velvet-2);
transform: rotate(45deg);
}
#outer #main .filters legend + * {
clear: both;
}
#outer #main .filters dl,
#outer #main .filters dl dl,
#outer #main .filters dt,
#outer #main .filters dd,
#outer #main .filters .group,
#outer #main .filters .expandable {
float: none;
width: auto;
min-width: 0;
margin: 0;
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
}
#outer #main .filters dt {
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
}
#outer #main .filters dt label {
color: var(--gold);
}
#outer #main .filters dd.sort,
#outer #main .filters dd.search,
#outer #main .filters dd.language,
#outer #main .filters dd.autocomplete {
margin: 6px 0 14px;
}
#outer #main .filters dt.sort,
#outer #main .filters dt.search,
#outer #main .filters dt.language,
#outer #main .filters dt.autocomplete {
margin: 12px 0 0;
}
#outer #main .filters select,
#outer #main .filters input[type=text] {
width: 100%;
min-width: 0;
}
#outer #main .filters dt.heading {
display: flex;
align-items: center;
column-gap: 8px;
margin: 20px 0 6px;
padding: 0;
color: var(--ivory);
}
#outer #main .filters dt.heading h4,
#outer #main .filters h4.heading {
display: inline;
margin: 0;
color: var(--ivory);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 19px;
font-style: italic;
font-weight: 400;
letter-spacing: 0;
text-transform: none;
}
#outer #main .filters dt.heading::after {
content: '';
flex: 1 1 auto;
height: 1px;
background: linear-gradient(90deg, rgba(200, 162, 74, 0.55), rgba(200, 162, 74, 0));
}
#outer #main .filters a.help.symbol,
#outer #main a.help.symbol.question {
border: 0;
background: none;
}
#outer #main .filters a.help span.symbol,
#outer #main a.help.symbol span.symbol,
#outer #main span.symbol.question {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 16px;
height: 16px;
padding: 0;
border: 1px solid var(--gold-deep);
background: transparent;
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10px;
font-style: normal;
line-height: 1;
text-align: center;
transform: rotate(45deg);
}
#outer #main a.help.symbol span.symbol span,
#outer #main span.symbol.question span {
display: block;
margin: 0;
padding: 0;
line-height: 1;
text-box: trim-both cap alphabetic;
transform: rotate(-45deg);
}
#outer #main .filters .expander,
#outer #main #work-filters .expander,
#outer #main #bookmark-filters .expander {
display: block;
box-sizing: border-box;
width: 100%;
height: auto;
min-height: 0;
margin: 0;
padding: 7px 22px 7px 2px;
position: relative;
background: transparent;
border: 0;
border-bottom: 1px solid rgba(200, 162, 74, 0.14);
border-radius: 0;
box-shadow: none;
color: var(--ivory);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 14.5px;
font-weight: 400;
letter-spacing: 0;
line-height: 1.4;
text-align: left;
text-shadow: none;
text-transform: none;
white-space: normal;
transition: color 0.2s ease, background 0.2s ease;
}
#outer #main .filters .expander::after {
content: '';
position: absolute;
right: 6px;
top: 50%;
width: 6px;
height: 6px;
margin-top: -4px;
border-right: 1.5px solid var(--gold);
border-bottom: 1.5px solid var(--gold);
transform: rotate(-45deg);
transition: transform 0.25s ease, border-color 0.2s ease;
}
#outer #main .filters .expanded .expander::after {
transform: rotate(45deg);
margin-top: -6px;
}
#outer #main .filters .expander:hover,
#outer #main .filters .expander:focus {
background: linear-gradient(90deg, rgba(31, 158, 109, 0.16), rgba(31, 158, 109, 0));
border-color: rgba(200, 162, 74, 0.14);
box-shadow: none;
color: var(--glint);
}
#outer #main .filters .expander:hover::after {
border-color: var(--facet);
}
#outer #main .filters .collapsed::after,
#outer #main .filters .expanded::after {
content: none;
}
#outer #main .filters dd.expandable {
padding: 6px 0 8px 4px;
}
#outer #main .filters dd.expandable li {
display: block;
margin: 0;
padding: 0;
}
#outer #main .filters dd.expandable label {
display: flex;
align-items: flex-start;
margin: 0;
padding: 3px 0;
color: var(--text);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 13.5px;
line-height: 1.4;
cursor: pointer;
}
#outer #main .filters dd.expandable label > span:last-child {
flex: 1 1 auto;
min-width: 0;
overflow-wrap: break-word;
}
#outer #main .filters .indicator::before,
#outer #main .filters [type=checkbox] + .indicator::before,
#outer #main .filters [type=radio] + .indicator::before {
content: '';
display: inline-block;
box-sizing: border-box;
width: 12px;
height: 12px;
margin: 3px 10px 0 0;
padding: 0;
background: var(--well);
border: 1px solid var(--gold-bezel);
border-radius: 0;
color: transparent;
box-shadow: inset 0 0 0 2px var(--well);
vertical-align: top;
}
#outer #main .filters [type=radio] + .indicator::before {
transform: rotate(45deg) scale(0.85);
}
#outer #main .filters input:checked + .indicator::before,
#outer #main .filters [type=checkbox]:checked + .indicator::before,
#outer #main .filters [type=radio]:checked + .indicator::before {
background: var(--em-bright);
border-color: var(--gold-light);
box-shadow: inset 0 0 0 2px var(--well), 0 0 8px rgba(31, 158, 109, 0.8);
}
#outer #main .filters .exclude [type=checkbox]:checked + .indicator::before {
background: #c0223b;
box-shadow: inset 0 0 0 2px var(--well), 0 0 8px rgba(192, 34, 59, 0.8);
}
#outer #main .filters input:checked + .indicator + span {
color: #ffffff;
font-weight: 600;
}
#outer #main .filters input:focus-visible + .indicator + span {
outline: 2px solid var(--facet);
outline-offset: 2px;
}
#outer #main .filters dl.range dt,
#outer #main .filters dl.range dd {
margin: 4px 0;
}
#outer #main .filters dl.range dt label,
#outer #main .filters dt label {
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
}
#outer #main .filters dd.submit {
margin: 4px 0 8px;
text-align: center;
}
#outer #main .filters dd.submit input[type=submit],
#outer #main .filters .submit input {
width: 100%;
margin: 0;
padding: 10px 8px 9px;
white-space: normal;
}
#outer #main .filters p.footnote {
float: none;
margin: 12px 0 0;
padding: 0;
font-size: 13px;
text-align: center;
}
#outer #main .filters p.footnote a {
color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10px;
font-style: normal;
letter-spacing: 0.2em;
text-transform: uppercase;
}
#outer #main .filters p.footnote a:hover {
color: var(--glint);
}
#outer #main form.filters + h4.landmark,
#outer #main form.filters + h4.landmark + ol.pagination {
clear: both;
}
#outer #main ul.work.navigation.actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
column-gap: 7px;
float: none;
margin: 18px 0 6px;
padding: 0;
text-align: center;
}
#outer #main ul.work.navigation.actions > li {
margin: 0;
padding: 0;
}
#outer #main ul.work.navigation.actions > li button.collapsed::after,
#outer #main ul.work.navigation.actions > li button.expanded::after {
content: '';
display: inline-block;
width: 5px;
height: 5px;
margin: 0 0 0 9px;
vertical-align: 2px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: rotate(45deg);
}
#outer #main ul.work.navigation.actions > li button.expanded::after {
transform: rotate(225deg);
vertical-align: -1px;
}
#outer #main ul.work.navigation > li:has(> .secondary) {
display: contents;
}
#outer #main ul.work.navigation::after {
content: '';
order: 9;
flex: 1 1 100%;
height: 0;
}
#outer #main ul.work.navigation > li > .secondary {
position: static;
order: 10;
flex: 0 1 auto;
width: auto;
max-width: 100%;
margin: 8px 6px 4px;
}
#outer #main ul.work.navigation > li.download > .secondary {
order: 11;
}
#outer #main .work.navigation .secondary {
box-sizing: border-box;
top: 100%;
margin-top: 4px;
padding: 12px 16px;
border: 1px solid transparent;
border-radius: 0;
--cut: 7.6px;
--cut2: 8.1px;
--fill: var(--velvet-2);
--rcut: 8px;
--rcut2: 8.5px;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
box-shadow: none;
filter: drop-shadow(0 12px 16px rgba(0, 0, 0, 0.7));
column-gap: 10px;
}
#outer #main .work.navigation .secondary li {
margin: 2px 0;
}
#outer #main .work.navigation .secondary li a,
#outer #main .work.navigation .secondary li a:link {
padding: 5px 10px;
background: transparent;
border: 0;
box-shadow: none;
color: var(--gold-light);
}
#outer #main .work.navigation .secondary li a:hover {
background: rgba(31, 158, 109, 0.25);
box-shadow: none;
color: var(--glint);
}
#outer #main .work.navigation .secondary select {
min-width: 12em;
font-size: 14px;
}
#outer #main div.wrapper,
#outer #main .wrapper:has(> .meta) {
box-shadow: none;
border: 0;
}
#outer #main dl.work.meta {
display: grid;
grid-template-columns: auto 1fr;
column-gap: 4%;
position: relative;
z-index: 0;
box-sizing: border-box;
max-width: 860px;
margin: 20px auto 30px;
padding: 36px 5% 28px 3%;
border: 1px solid transparent;
--cut: 17.6px;
--cut2: 18.1px;
--rcut: 18px;
--rcut2: 18.5px;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
box-shadow: none;
overflow: visible;
}
#outer #main dl.work.meta::before {
content: '';
position: absolute;
top: 6px;
left: 6px;
right: 6px;
bottom: 6px;
z-index: -1;
padding: 14px;
border: 1px solid transparent;
--rcut: 15.5px;
--rcut2: 16px;
--rfill: var(--gold-inner);
--rtl: #b0a48b;
--rtr: #938361;
--rbr: #4f3f1e;
--rbl: #604e26;
--rdk: #574621;
--rhi: #9c8d6d;
--cut: 15.1px;
--cut2: 15.6px;
--fill: var(--velvet-2);
background: radial-gradient(ellipse 62% 100% at 50% 0, rgba(12, 27, 21, 0) 0, rgba(12, 27, 21, 0.55) 55%, var(--velvet-2) 100%), repeating-conic-gradient(from 90deg at 50% 0, rgba(200, 162, 74, 0.07) 0deg 0.8deg, rgba(200, 162, 74, 0) 0.8deg 4deg), var(--oct), var(--rim);
background-size: 100% 100%, 100% 100%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%;
background-repeat: no-repeat;
background-origin: content-box, content-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
background-clip: content-box, content-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box;
}
#outer #main dl.work.meta::after {
content: none;
}
#outer #main dl.work.meta > dt,
#outer #main dl.work.meta > dd {
float: none;
width: auto;
min-width: 0;
max-width: 100%;
margin: 0;
padding: 7px 0;
border: 0;
overflow-wrap: break-word;
}
#outer #main dl.work.meta > dt {
padding-top: 9px;
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 9.5px;
font-weight: 500;
letter-spacing: 0.16em;
white-space: nowrap;
line-height: 1.5;
text-align: right;
text-transform: uppercase;
}
#outer #main dl.work.meta > dd {
color: var(--ivory);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 14.5px;
line-height: 1.55;
background: var(--rule-soft) 0 100% no-repeat;
background-size: 100% 1px;
}
#outer #main dl.work.meta > dd:last-of-type {
background: none;
}
#outer #main dl.work.meta dd ul {
display: inline;
margin: 0;
padding: 0;
}
#outer #main dl.work.meta dd ul li {
display: inline;
margin: 0;
padding: 0;
}
#outer #main dl.work.meta dd ul.commas li::after {
content: '\25C6\200B';
display: inline;
margin: 0 6px 0 9px;
color: #8a6c2a;
font-size: 7px;
font-weight: 400;
vertical-align: 2px;
}
#outer #main dl.work.meta dd ul.commas li:last-child::after {
content: none;
}
#outer #main dl.work.meta a.tag {
color: var(--ivory);
border: 0;
background: none;
line-height: 1.55;
}
#outer #main dl.work.meta dd.rating a.tag,
#outer #main dl.work.meta dd.warning a.tag,
#outer #main dl.work.meta dd.category a.tag {
font-weight: 600;
}
#outer #main dl.work.meta dd.warning a.tag {
color: var(--topaz);
}
#outer #main dl.work.meta dd.fandom a.tag {
color: var(--mint);
font-style: italic;
}
#outer #main dl.work.meta dd.relationship a.tag {
color: var(--gold-light);
font-weight: 600;
}
#outer #main dl.work.meta dd.freeform a.tag {
color: #b7c8bd;
}
#outer #main dl.work.meta a.tag:hover {
background: none;
color: var(--glint);
text-decoration: underline;
text-decoration-color: rgba(125, 226, 180, 0.6);
text-underline-offset: 0.22em;
}
#outer #main dl.work.meta dd.series span.series,
#outer #workskin span.series {
display: inline;
}
#outer #main span.series .divider {
display: inline-block;
width: 5px;
height: 5px;
margin: 0 10px;
vertical-align: 2px;
background: conic-gradient(from -45deg, #d6b977 0 90deg, #8b6f32 90deg 180deg, #ac8b3f 180deg 270deg, #e1cc9b 270deg);
color: transparent;
font-size: 0;
transform: rotate(45deg);
}
#outer #main span.series .previous + .divider::before,
#outer #main span.series .position + .divider::after {
content: none;
}
#outer #main span.series a.previous,
#outer #main span.series a.next {
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10px;
letter-spacing: 0.16em;
text-transform: uppercase;
}
#outer #main span.series .position a {
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 16px;
font-style: italic;
}
#outer #main dl.work.meta dd.stats {
padding-top: 10px;
}
#outer #main dl.work.meta dl.stats {
display: block;
float: none;
margin: 0;
padding: 0;
background: none;
text-align: left;
}
#outer #main dl.work.meta dl.stats dt::before {
content: none;
}
#outer #main dl.work.meta dl.stats dt {
font-size: 8.5px;
}
#outer #main dl.work.meta dl.stats dd {
margin-left: 5px;
font-size: 14px;
}
#outer #main dl.work.meta dl.stats dd::after {
word-spacing: 1.3em;
}
#outer #workskin {
position: relative;
z-index: 0;
box-sizing: border-box;
max-width: 860px;
margin: 0 auto;
padding: 44px 7% 46px;
border: 1px solid transparent;
--cut: 17.6px;
--cut2: 18.1px;
--fill: #0b1913;
--rcut: 18px;
--rcut2: 18.5px;
--rfill: var(--gold-rim);
--rtl: #c7b793;
--rtr: #b39d6b;
--rbr: #6c5627;
--rbl: #856b31;
--rdk: #775f2c;
--rhi: #b9a577;
background: radial-gradient(ellipse 340px 190px at 50% 0, rgba(31, 158, 109, 0.14), rgba(31, 158, 109, 0) 100%), var(--oct), var(--rim);
background-size: 100% 100%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
color: var(--text);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 17px;
overflow: visible;
}
#outer #work-skin.wrapper {
overflow: visible;
}
#outer #workskin .preface {
margin: 0 auto;
padding: 0;
max-width: 38em;
border: 0;
}
#outer #workskin .preface h2.title {
position: relative;
display: block;
margin: 0 0 6px;
padding: 10px 0 0;
border: 0;
color: var(--ivory);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 38px;
font-style: italic;
font-weight: 400;
line-height: 1.12;
text-align: center;
text-wrap: balance;
}
#outer #workskin .preface h3.byline {
margin: 10px 0 18px;
border: 0;
text-align: center;
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 11.5px;
font-weight: 500;
letter-spacing: 0.3em;
text-transform: uppercase;
}
#outer #workskin .preface h3.byline::before,
#outer #workskin .preface h3.byline::after {
content: '';
display: inline-block;
width: 40px;
height: 1px;
margin: 0 14px;
vertical-align: 4px;
background: linear-gradient(90deg, rgba(200, 162, 74, 0), var(--gold));
}
#outer #workskin .preface h3.byline::after {
background: linear-gradient(90deg, var(--gold), rgba(200, 162, 74, 0));
}
#outer #workskin .preface h3.byline a {
color: var(--gold-light);
border: 0;
}
#outer #workskin .preface .module {
float: none;
min-height: 0;
margin: 0;
padding: 10px 0 8px;
}
#outer #workskin .preface .module > h3.heading,
#outer #workskin .end.notes > h3.heading,
#outer #workskin #series > h3.heading {
display: flex;
align-items: center;
column-gap: 12px;
margin: 12px 0 8px;
padding: 0;
border: 0;
background: none;
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.3em;
text-transform: uppercase;
}
#outer #workskin .preface .module > h3.heading::before,
#outer #workskin .preface .module > h3.heading::after,
#outer #workskin .end.notes > h3.heading::before,
#outer #workskin .end.notes > h3.heading::after,
#outer #workskin #series > h3.heading::before,
#outer #workskin #series > h3.heading::after {
content: '';
flex: 1 1 auto;
height: 1px;
background: linear-gradient(90deg, rgba(200, 162, 74, 0), rgba(200, 162, 74, 0.5));
}
#outer #workskin .preface .module > h3.heading::after,
#outer #workskin .end.notes > h3.heading::after,
#outer #workskin #series > h3.heading::after {
background: linear-gradient(90deg, rgba(200, 162, 74, 0.5), rgba(200, 162, 74, 0));
}
#outer #workskin .preface blockquote.userstuff,
#outer #workskin .end.notes blockquote.userstuff {
margin: 0;
padding: 0;
border: 0;
color: #d6ccb3;
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 16px;
line-height: 1.7;
}
#outer #workskin .preface blockquote.userstuff p,
#outer #workskin .end.notes blockquote.userstuff p {
margin: 0 0 0.8em;
}
#outer #workskin .preface p.jump,
#outer #workskin .notes > p {
margin: 10px 0 0;
color: var(--muted);
font-size: 14px;
font-style: italic;
text-align: center;
}
#outer #workskin .chapter .preface,
#outer #workskin .chapter.preface {
margin: 30px auto 0;
padding: 0;
border: 0;
text-align: center;
}
#outer #workskin #chapters .chapter > .chapter.preface.group:first-child,
#outer #workskin #chapters .chapter > div.preface:first-of-type {
position: relative;
padding: 40px 0 0;
background: var(--rule) 0 0 no-repeat, var(--rule-soft) 0 4px no-repeat;
background-size: 100% 1px;
}
#outer #workskin .chapter h3.title {
display: inline-block;
max-width: 100%;
margin: 14px 0 10px;
padding: 0 0.14em 4px 0;
overflow: hidden;
text-indent: -0.46em;
text-align: left;
vertical-align: top;
border: 0;
color: var(--ivory);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 32px;
font-style: italic;
font-weight: 400;
line-height: 1.22;
}
#outer #workskin .chapter h3.title a {
position: absolute;
top: 22px;
left: 0;
right: 0;
text-indent: 0;
text-align: center;
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.38em;
line-height: 1.4;
text-transform: uppercase;
}
#outer #workskin .chapter h3.title a:hover {
color: var(--glint);
}
#outer #workskin .chapter .preface .module {
max-width: 34em;
margin: 0 auto;
text-align: left;
}
#outer #workskin #chapters div.userstuff.module,
#outer #workskin #chapters > div.userstuff {
float: none;
max-width: 36em;
margin: 24px auto 0;
padding: 0;
}
#chapters .userstuff {
color: var(--text);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 18px;
line-height: 1.8;
}
#chapters .userstuff p {
margin: 0 0 1.05em;
}
#chapters .userstuff p[align=center] {
margin-top: 1.3em;
margin-bottom: 1.3em;
}
#workskin .userstuff a {
color: var(--gold-light);
text-decoration: underline;
text-decoration-color: rgba(200, 162, 74, 0.5);
text-decoration-thickness: 1px;
text-underline-offset: 0.2em;
}
#outer #workskin #chapters div.userstuff.module > p:first-of-type:not([align=center]):not([style*=center])::first-letter,
#outer #workskin #chapters > div.userstuff > p:first-of-type:not([align=center]):not([style*=center])::first-letter {
float: left;
margin: 8px 16px 0 0;
padding: 13px 15px 9px;
border: 3px solid transparent;
color: #f2d98f;
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 3.85em;
font-style: normal;
line-height: 0.86;
text-shadow: 0 1px 0 #3a2a08, 0 2px 2px rgba(0, 0, 0, 0.85), 0 0 16px rgba(239, 212, 138, 0.3);
background: linear-gradient(#c8a24a, #c8a24a) 0 0, linear-gradient(#c8a24a, #c8a24a) 0 100%, linear-gradient(#c8a24a, #c8a24a) 0 0, linear-gradient(#c8a24a, #c8a24a) 100% 0, linear-gradient(rgba(200, 162, 74, 0.5), rgba(200, 162, 74, 0.5)) 0 0, linear-gradient(rgba(200, 162, 74, 0.5), rgba(200, 162, 74, 0.5)) 0 100%, linear-gradient(rgba(200, 162, 74, 0.5), rgba(200, 162, 74, 0.5)) 0 0, linear-gradient(rgba(200, 162, 74, 0.5), rgba(200, 162, 74, 0.5)) 100% 0, repeating-conic-gradient(from -90deg at 50% 100%, rgba(233, 205, 125, 0.22) 0deg 2.2deg, rgba(233, 205, 125, 0) 2.2deg 9deg) 0 0, radial-gradient(ellipse 70% 55% at 50% 100%, rgba(31, 158, 109, 0.4), rgba(31, 158, 109, 0) 100%) 0 0, linear-gradient(#0a1712, #0a1712) 0 0;
background-size: 100% 1px, 100% 1px, 1px 100%, 1px 100%, 100% 1px, 100% 1px, 1px 100%, 1px 100%, 100% 100%, 100% 100%, 100% 100%;
background-repeat: no-repeat;
background-origin: border-box, border-box, border-box, border-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
}
.userstuff blockquote,
.userstuff address {
border-inline-start: 1px solid rgba(200, 162, 74, 0.55);
}
.userstuff h3 {
border-bottom-color: rgba(200, 162, 74, 0.5);
}
.userstuff h6 {
border-bottom-color: rgba(200, 162, 74, 0.4);
}
.userstuff h2 {
color: var(--ivory);
}
.userstuff table th,
.userstuff table td {
border-color: rgba(200, 162, 74, 0.3);
}
.userstuff code,
.userstuff pre,
.userstuff kbd {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
#outer #workskin hr,
#outer .userstuff hr {
position: relative;
overflow: visible;
width: 62%;
height: 20px;
margin: 2.2em auto;
padding: 0;
border: 0;
background: linear-gradient(270deg, transparent 0 40px, rgba(200, 162, 74, 0.8) 50px, rgba(200, 162, 74, 0.8) 55%, rgba(200, 162, 74, 0) 100%) 0 50% no-repeat, linear-gradient(90deg, transparent 0 40px, rgba(200, 162, 74, 0.8) 50px, rgba(200, 162, 74, 0.8) 55%, rgba(200, 162, 74, 0) 100%) 100% 50% no-repeat;
background-size: 50% 1px, 50% 1px;
}
#outer #workskin hr::before,
#outer .userstuff hr::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 44px;
height: 44px;
margin: -10px 0 0 -10px;
--tc: #11b161;
background-image: var(--spark), var(--spark), var(--rings);
background-size: 5px 5px, 3px 3px, var(--rings-sz);
background-position: 10px 8px, 31px 5px, var(--rings-ps);
background-repeat: no-repeat;
transform: scale(0.4545);
transform-origin: 0 0;
}
#outer #workskin hr::after,
#outer .userstuff hr::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 160px;
height: 20px;
margin: -10px 0 0 -80px;
background-image: linear-gradient(135deg, transparent 50%, var(--tri-tl) 50%), linear-gradient(225deg, transparent 50%, var(--tri-tr) 50%), linear-gradient(315deg, transparent 50%, var(--tri-br) 50%), linear-gradient(45deg, transparent 50%, var(--tri-bl) 50%), linear-gradient(135deg, transparent 50%, var(--tri-tl) 50%), linear-gradient(225deg, transparent 50%, var(--tri-tr) 50%), linear-gradient(315deg, transparent 50%, var(--tri-br) 50%), linear-gradient(45deg, transparent 50%, var(--tri-bl) 50%);
background-size: 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px;
background-position: 109px 7px, 112px 7px, 112px 10px, 109px 10px, 45px 7px, 48px 7px, 48px 10px, 45px 10px;
background-repeat: no-repeat;
}
#outer #workskin .chapter .preface.group:last-child,
#outer #workskin .afterword {
margin: 34px auto 0;
padding: 0;
border: 0;
text-align: left;
}
#outer #workskin .end.notes,
#outer #workskin #series {
max-width: 34em;
margin: 0 auto;
padding: 6px 0 4px;
min-height: 0;
}
#outer #workskin #series ul {
margin: 0;
padding: 0;
text-align: center;
}
#outer #workskin #series li {
display: block;
margin: 0;
}
#outer #workskin .afterword .series h3,
#outer #workskin div.afterword .series h3 {
border: 0;
}
#outer #main #feedback {
max-width: 860px;
margin: 26px auto 0;
}
#outer #main #feedback > ul.actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
column-gap: 8px;
float: none;
margin: 0 0 18px;
padding: 0;
text-align: center;
}
#outer #main #feedback > ul.actions > li {
margin: 0;
padding: 0;
}
#outer #main #kudo_submit,
#outer #main #new_kudo input[type=submit] {
min-width: 132px;
height: 46px;
margin: 3px 6px;
padding: 0 28px;
border: 0;
border-radius: 0;
box-shadow: none;
filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.65));
color: #3a2805;
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.26em;
text-shadow: 0 1px 0 rgba(255, 244, 205, 0.55);
background: radial-gradient(ellipse 60% 70% at 40% 20%, rgba(255, 252, 235, 0.65), rgba(255, 252, 235, 0) 70%) 0 0, linear-gradient(135deg, transparent 5.758px, #d5b35f 6.158px) left 3px top 3px, linear-gradient(225deg, transparent 5.758px, #d5b35f 6.158px) right 3px top 3px, linear-gradient(315deg, transparent 5.758px, #d5b35f 6.158px) right 3px bottom 3px, linear-gradient(45deg, transparent 5.758px, #d5b35f 6.158px) left 3px bottom 3px, linear-gradient(135deg, transparent 7px, #f8e8b8 7.4px) top left, linear-gradient(225deg, transparent 7px, #f8e8b8 7.4px) top right, linear-gradient(315deg, transparent 7px, #7a5c24 7.4px) bottom right, linear-gradient(45deg, transparent 7px, #7a5c24 7.4px) bottom left;
background-size: 100% 100%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%;
background-repeat: no-repeat;
background-origin: border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box;
}
#outer #main #kudo_submit:hover,
#outer #main #kudo_submit:focus,
#outer #main #new_kudo input[type=submit]:hover,
#outer #main #new_kudo input[type=submit]:focus {
filter: drop-shadow(0 0 14px rgba(47, 185, 130, 0.7)) drop-shadow(0 4px 6px rgba(0, 0, 0, 0.65));
color: #2a1c02;
background: radial-gradient(ellipse 60% 70% at 40% 20%, rgba(255, 253, 240, 0.8), rgba(255, 252, 235, 0) 70%) 0 0, linear-gradient(135deg, transparent 5.758px, #e2c16c 6.158px) left 3px top 3px, linear-gradient(225deg, transparent 5.758px, #e2c16c 6.158px) right 3px top 3px, linear-gradient(315deg, transparent 5.758px, #e2c16c 6.158px) right 3px bottom 3px, linear-gradient(45deg, transparent 5.758px, #e2c16c 6.158px) left 3px bottom 3px, linear-gradient(135deg, transparent 7px, #fff6da 7.4px) top left, linear-gradient(225deg, transparent 7px, #fff6da 7.4px) top right, linear-gradient(315deg, transparent 7px, #8a6a2a 7.4px) bottom right, linear-gradient(45deg, transparent 7px, #8a6a2a 7.4px) bottom left;
background-size: 100% 100%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%;
background-repeat: no-repeat;
background-origin: border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box;
}
#outer #main #kudos_message {
text-align: center;
}
#outer #main #kudos {
position: relative;
z-index: 0;
box-sizing: border-box;
margin: 0 auto 22px;
padding: 16px 28px;
border: 1px solid transparent;
--cut: 9.6px;
--cut2: 10.1px;
--fill: var(--velvet-2);
--rcut: 10px;
--rcut2: 10.5px;
--rfill: #8a7038;
--rtl: #bfb092;
--rtr: #a7946a;
--rbr: #614e26;
--rbl: #776030;
--rdk: #6b562a;
--rhi: #ae9c76;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
text-align: center;
}
#outer #main p.kudos,
#outer #main #kudos p.kudos {
min-height: 0;
margin: 0;
padding: 0;
background: none;
color: #cfc6ae;
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 15px;
font-style: italic;
line-height: 1.6;
}
#outer #main p.kudos::before {
content: '';
display: block;
width: 6px;
height: 6px;
margin: 0 auto 10px;
background: conic-gradient(from -45deg, #d6b977 0 90deg, #8b6f32 90deg 180deg, #ac8b3f 180deg 270deg, #e1cc9b 270deg);
transform: rotate(45deg);
}
#outer #main p.kudos a {
color: var(--gold-light);
font-style: normal;
}
#outer #main div.post.comment,
#outer #main #add_comment div.comment {
border: 0;
background: transparent;
box-shadow: none;
}
#outer #main div.post.comment fieldset {
position: relative;
z-index: 0;
box-sizing: border-box;
margin: 0 0 22px;
padding: 18px 24px 16px;
border: 1px solid transparent;
--cut: 13.6px;
--cut2: 14.1px;
--fill: var(--velvet-2);
--rcut: 14px;
--rcut2: 14.5px;
--rfill: var(--gold-rim);
--rtl: #c7b793;
--rtr: #b39d6b;
--rbr: #6c5627;
--rbl: #856b31;
--rdk: #775f2c;
--rhi: #b9a577;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
box-shadow: none;
}
#outer #main div.post.comment h4.heading {
margin: 0 0 4px;
color: var(--ivory);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 20px;
font-style: italic;
}
#outer #main div.post.comment h4.heading select {
width: auto;
min-width: 11em;
margin: 0 0 0 8px;
padding: 4px 30px 4px 10px;
font-size: 14px;
font-style: normal;
vertical-align: middle;
}
#outer #main div.post.comment p {
padding: 4px 0;
}
#outer #main div.post.comment p.footnote {
float: none;
text-align: right;
font-size: 12px;
}
#outer #main div.post.comment textarea {
min-height: 9em;
margin: 4px 0 0;
border: 1px solid rgba(200, 162, 74, 0.3);
border-bottom-color: var(--gold);
}
#outer #main p.character_counter,
#outer #main .comment .character_counter {
float: left;
color: var(--muted);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 9.5px;
letter-spacing: 0.16em;
text-transform: uppercase;
}
#outer #main div.post.comment p.submit {
float: right;
padding: 2px 0 0;
}
#outer #main ol.thread {
margin: 0;
padding: 0;
}
#outer #main li.comment {
position: relative;
z-index: 0;
box-sizing: border-box;
margin: 0 0 16px;
padding: 18px 22px 12px 20px;
border: 1px solid transparent;
--cut: 11.6px;
--cut2: 12.1px;
--fill: #0b1813;
--rcut: 12px;
--rcut2: 12.5px;
--rfill: var(--gold-rim);
--rtl: #c7b793;
--rtr: #b39d6b;
--rbr: #6c5627;
--rbl: #856b31;
--rdk: #775f2c;
--rhi: #b9a577;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
overflow: visible;
color: var(--text);
}
#outer #main li.comment.even,
#outer #main .thread .even {
--fill: #0d1d16;
margin: 0 0 16px;
}
#outer #main li.comment::after {
content: '';
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#outer #main .comment h4.byline::after {
content: none;
}
#outer #main .comment div.icon {
position: relative;
float: left;
top: auto;
left: auto;
width: 56px;
height: 56px;
margin: 0 18px 8px 0;
padding: 3px;
box-sizing: border-box;
border: 0;
background: var(--velvet);
box-shadow: 0 0 0 1px var(--gold), 0 6px 14px rgba(0, 0, 0, 0.55);
}
#outer #main .comment div.icon a,
#outer #main .comment div.icon img.icon {
display: block;
width: 50px;
height: 50px;
border: 0;
}
#outer #main .comment div.icon img.icon {
box-shadow: 0 0 0 1px var(--gold-inner);
}
#outer #main .comment .icon .visitor,
#outer #main .comment .icon .anonymous {
display: block;
width: 50px;
height: 50px;
background: linear-gradient(135deg, transparent 48.5%, #c8a24a 48.5% 51.5%, transparent 51.5%) 0 0, linear-gradient(45deg, transparent 48.5%, #c8a24a 48.5% 51.5%, transparent 51.5%) 100% 0, linear-gradient(135deg, transparent 48.5%, #c8a24a 48.5% 51.5%, transparent 51.5%) 100% 100%, linear-gradient(45deg, transparent 48.5%, #c8a24a 48.5% 51.5%, transparent 51.5%) 0 100%, radial-gradient(circle at 50% 50%, #f3dc98 0, #d8b560 5%, rgba(216, 181, 96, 0) 5.5%) 0 0, radial-gradient(circle at 50% 50%, rgba(31, 158, 109, 0.14) 0, rgba(31, 158, 109, 0) 60%) 0 0, linear-gradient(180deg, #0d1f17, #0a1611) 0 0;
background-size: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 100% 100%, 100% 100%, 100% 100%;
background-repeat: no-repeat;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.9), 0 0 0 1px var(--velvet);
}
#outer #main li.comment h4.byline,
#outer #main .comment h4.heading.byline {
display: flex;
flex-wrap: wrap;
align-items: baseline;
column-gap: 8px;
overflow: hidden;
margin: 0 0 10px;
padding: 0 0 8px;
min-height: 0;
background: var(--rule-soft) left 0 bottom 0 no-repeat;
background-size: 100% 1px;
color: var(--muted);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.16em;
line-height: 1.6;
text-transform: uppercase;
}
#outer #main li.comment h4.byline > a,
#outer #main li.comment h4.byline > span:first-child {
color: var(--gold-light);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.2em;
}
#outer #main li.comment h4.byline .role {
color: var(--muted);
font-weight: 400;
}
#outer #main li.comment h4.byline .parent a {
color: var(--gold-light);
}
#outer #main .comment .posted,
#outer #main li.comment span.posted.datetime {
margin-left: auto;
float: none;
color: var(--muted);
font-size: 9.5px;
letter-spacing: 0.14em;
}
#outer #main li.comment abbr {
border: 0;
text-decoration: none;
cursor: help;
}
#outer #main li.comment blockquote.userstuff {
display: block;
min-height: 0;
margin: 0 0 8px;
padding: 0;
border: 0;
color: var(--text);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 15.5px;
line-height: 1.65;
}
#outer #main li.comment blockquote.userstuff p {
margin: 0 0 0.7em;
}
#outer #main li.comment p.edited {
margin: 0 0 6px;
color: var(--muted);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 12.5px;
font-style: italic;
}
#outer #main li.comment ul.actions {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
column-gap: 5px;
clear: both;
float: none;
margin: 0;
padding: 0;
}
#outer #main li.comment ul.actions li {
margin: 0;
padding: 0;
}
#outer #main li.comment ul.actions a {
padding: 6px 10px 5px;
font-size: 9.5px;
}
#outer #main ol.thread ol.thread,
#outer #main #comments_placeholder ol.thread ol.thread {
position: relative;
margin: 0 0 0 14px;
padding: 0 0 0 22px;
}
#outer #main ol.thread ol.thread::before {
content: '';
position: absolute;
top: -16px;
bottom: 34px;
left: 0;
width: 1px;
background: linear-gradient(180deg, var(--gold), rgba(200, 162, 74, 0.5));
}
#outer #main ol.thread ol.thread > li.comment::before {
content: '';
position: absolute;
top: 33px;
left: -23px;
width: 22px;
height: 7px;
background: radial-gradient(circle at 1px 3.5px, var(--gold-light) 0, var(--gold) 2px, rgba(200, 162, 74, 0) 2.7px) 0 0 no-repeat, linear-gradient(var(--gold), var(--gold)) 0 3px no-repeat;
background-size: 7px 7px, 22px 1px;
}
#outer #main ol.thread > li:not(.comment) {
margin: 0;
padding: 0;
list-style: none;
}
#outer #dashboard,
#outer #dashboard.own {
box-sizing: border-box;
position: relative;
z-index: 1;
margin-top: 18px;
padding: 16px 10px 14px;
border: 1px solid transparent;
border-radius: 0;
--cut: 9.6px;
--cut2: 10.1px;
--fill: var(--band);
--rcut: 10px;
--rcut2: 10.5px;
--rfill: var(--gold-rim);
--rtl: #c7b793;
--rtr: #b39d6b;
--rbr: #6c5627;
--rbl: #856b31;
--rdk: #775f2c;
--rhi: #b9a577;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
opacity: 1;
}
#outer #dashboard ul.navigation,
#outer #dashboard ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
float: none;
position: relative;
margin: 0;
padding: 14px 0 12px;
border: 0;
text-align: center;
}
#outer #dashboard ul.navigation ~ ul.navigation {
background: var(--rule-soft) center 0 no-repeat;
background-size: 78% 1px;
}
#outer #dashboard ul.navigation ~ ul.navigation::before {
content: '';
position: absolute;
top: -3px;
left: 50%;
width: 6px;
height: 6px;
margin-left: -3px;
background: conic-gradient(from -45deg, #d6b977 0 90deg, #8b6f32 90deg 180deg, #ac8b3f 180deg 270deg, #e1cc9b 270deg);
box-shadow: 0 0 0 3px var(--band);
transform: rotate(45deg);
}
#outer #dashboard li {
display: block;
flex: 1 1 9em;
margin: 0;
padding: 0;
}
#outer #dashboard a,
#outer #dashboard span {
display: block;
margin: 1px 0;
padding: 4px 6px;
background: transparent;
border: 0;
color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10.5px;
font-weight: 500;
letter-spacing: 0.16em;
line-height: 1.6;
text-transform: uppercase;
box-shadow: none;
}
#outer #dashboard a:hover,
#outer #dashboard a:focus {
background: linear-gradient(90deg, rgba(31, 158, 109, 0), rgba(31, 158, 109, 0.28) 20%, rgba(31, 158, 109, 0.28) 80%, rgba(31, 158, 109, 0));
color: var(--glint);
}
#outer #dashboard span.current,
#outer #dashboard .current {
margin: 2px 12%;
padding: 4px 6px;
background: radial-gradient(ellipse 80% 90% at 50% 40%, rgba(125, 226, 180, 0.4), rgba(125, 226, 180, 0) 70%), linear-gradient(180deg, var(--em-bright) 0%, #13754f 48%, #0e5f40 54%, #178457 100%);
border: 1px solid var(--gold-light);
box-shadow: inset 0 0 0 1px #06140e, inset 0 0 0 2px rgba(216, 251, 233, 0.4), 0 0 12px rgba(31, 158, 109, 0.6);
color: #fffaf0;
}
#outer #dashboard .secondary {
box-sizing: border-box;
display: block;
position: absolute;
z-index: 60;
right: auto;
left: 50%;
width: 12em;
margin-left: -6em;
padding: 8px 0;
border: 1px solid transparent;
--cut: 7.6px;
--cut2: 8.1px;
--fill: var(--velvet-2);
--rcut: 8px;
--rcut2: 8.5px;
--rfill: var(--gold);
--rtl: #e1cc9b;
--rtr: #d6b977;
--rbr: #8b6f32;
--rbl: #ac8b3f;
--rdk: #9a7c38;
--rhi: #d9bf82;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
box-shadow: none;
filter: drop-shadow(0 10px 14px rgba(0, 0, 0, 0.7));
}
#outer #dashboard .secondary li {
flex: 1 1 100%;
}
#outer #main div.primary.header.module {
float: none;
width: auto;
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 22px;
position: relative;
z-index: 0;
box-sizing: border-box;
min-height: 0;
margin: 18px 0 20px;
padding: 18px 24px;
border: 1px solid transparent;
--cut: 13.6px;
--cut2: 14.1px;
--fill: #0b1913;
--rcut: 14px;
--rcut2: 14.5px;
--rfill: var(--gold);
--rtl: #e1cc9b;
--rtr: #d6b977;
--rbr: #8b6f32;
--rbl: #ac8b3f;
--rdk: #9a7c38;
--rhi: #d9bf82;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
}
#outer #main div.primary.header.module > h2.heading {
display: block;
order: 2;
flex: 1 1 auto;
min-width: 0;
margin: 0;
padding: 6px 0;
border: 0;
background: var(--foil);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: var(--gold-light);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 34px;
font-style: italic;
line-height: 1.15;
text-align: left;
}
#outer #main div.primary.header.module > p.icon {
position: static;
order: 1;
flex: 0 0 auto;
width: 96px;
height: 96px;
margin: 0;
padding: 4px;
box-sizing: border-box;
background: var(--velvet);
box-shadow: 0 0 0 1px var(--gold), 0 6px 14px rgba(0, 0, 0, 0.55);
}
#outer #main div.primary.header.module > p.icon a,
#outer #main div.primary.header.module > p.icon img {
position: static;
display: block;
width: 88px;
height: 88px;
border: 0;
}
#outer #main div.primary.header.module > p.icon img {
box-shadow: 0 0 0 1px var(--gold-inner);
}
#outer #main div.primary.header.module > ul.navigation.actions {
display: flex;
order: 3;
flex: 1 1 380px;
flex-wrap: wrap;
justify-content: flex-end;
column-gap: 7px;
float: none;
margin: 8px 0 4px;
padding: 0;
}
#outer #main div.primary.header.module > ul.navigation.actions li {
margin: 0;
padding: 0;
}
#outer #main .listbox,
#outer #main fieldset fieldset.listbox {
clear: none;
margin: 0 0 18px;
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
overflow: visible;
}
#outer #main .listbox > h3.heading,
#outer #main .listbox > .heading {
display: flex;
align-items: center;
column-gap: 14px;
margin: 8px 0 12px;
padding: 0;
color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.34em;
text-transform: uppercase;
}
#outer #main .listbox > h3.heading::before,
#outer #main .listbox > h3.heading::after {
content: '';
flex: 1 1 auto;
height: 7px;
background: linear-gradient(90deg, rgba(200, 162, 74, 0), rgba(200, 162, 74, 0.6)) 0 3px no-repeat;
background-size: 100% 1px;
}
#outer #main .listbox > h3.heading::after {
background: linear-gradient(90deg, rgba(200, 162, 74, 0.6), rgba(200, 162, 74, 0)) 0 3px no-repeat;
background-size: 100% 1px;
}
#outer #main .listbox .index {
float: none;
width: auto;
margin: 0;
padding: 0;
background: transparent;
box-shadow: none;
}
#outer #main #user-fandoms ol.index {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: 26px;
padding: 2px 0 4px;
}
#outer #main #user-fandoms ol.index li {
margin: 2px 0;
color: var(--muted);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 14px;
}
#outer #main #user-fandoms ol.index li a {
color: var(--mint);
font-style: italic;
font-size: 15px;
}
#outer #main li.bookmark p.status {
position: absolute;
top: 12px;
right: 22px;
display: flex;
align-items: center;
column-gap: 6px;
width: auto;
margin: 0;
z-index: 1;
}
#outer #main li.bookmark .status a,
#outer #main li.bookmark .status span {
display: inline-block;
width: auto;
height: auto;
}
#outer #main li.bookmark .status span.rec,
#outer #main li.bookmark .status .rec {
display: inline-block;
position: static;
width: auto;
height: auto;
background: none;
box-shadow: none;
transform: none;
}
#outer #main li.bookmark span.count {
display: none;
}
#outer #main li.bookmark > p.status:has(span.rec,
span.private,
span.hidden) {
position: static;
order: 1;
align-self: center;
width: auto;
margin: 12px 0 -23px;
z-index: auto;
}
#outer #main li.bookmark:has(> p.status span.rec,
> p.status span.private,
> p.status span.hidden) > div.user.module {
order: 2;
}
#outer #main li.bookmark:has(> p.status span.rec,
> p.status span.private,
> p.status span.hidden) > div.user.module ~ * {
order: 3;
}
#outer #main li.bookmark > p.status span.rec .text,
#outer #main li.bookmark > p.status span.private .text,
#outer #main li.bookmark > p.status span.hidden .text {
position: relative;
z-index: 2;
display: inline-block;
width: auto;
height: auto;
overflow: visible;
clip: auto;
padding: 4px 12px 3px;
border: 1px solid var(--gold-bezel);
background: var(--velvet);
box-shadow: 0 0 0 3px var(--velvet-2);
color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 0;
font-weight: 600;
letter-spacing: 0;
line-height: 1.4;
text-transform: uppercase;
}
#outer #main li.bookmark > p.status span.private .text {
border-color: rgba(169, 191, 178, 0.55);
color: var(--sage);
}
#outer #main li.bookmark > p.status span.hidden .text {
border-color: rgba(241, 169, 180, 0.6);
color: #f1a9b4;
}
#outer #main li.bookmark > p.status span.rec .text::after,
#outer #main li.bookmark > p.status span.private .text::after,
#outer #main li.bookmark > p.status span.hidden .text::after {
font-size: 9px;
letter-spacing: 0.22em;
}
#outer #main li.bookmark > p.status span.rec .text::after {
content: 'Rec';
}
#outer #main li.bookmark > p.status span.private .text::after {
content: 'Private';
}
#outer #main li.bookmark > p.status span.hidden .text::after {
content: 'Hidden';
}
#outer #main li.bookmark > p.status span.rec .text::before {
content: '\25C6';
margin-right: 6px;
font-size: 8px;
letter-spacing: 0;
vertical-align: 1px;
}
#outer #main li.bookmark > p.status span.rec::before {
content: '';
position: absolute;
top: 6px;
right: 34px;
z-index: 2;
display: block;
width: 20px;
height: 58px;
margin: 0;
padding: 0;
border: 0;
background: linear-gradient(180deg, rgba(4, 12, 8, 0.72), rgba(4, 12, 8, 0)) 0 0, linear-gradient(to bottom right, transparent 50%, #f7e9c0 50%) 6px 27px, linear-gradient(to bottom left, transparent 50%, #e2c67e 50%) 10px 27px, linear-gradient(to top left, transparent 50%, #b4913f 50%) 10px 32px, linear-gradient(to top right, transparent 50%, #d3b465 50%) 6px 32px, radial-gradient(ellipse 24% 78% at 36% 18%, rgba(214, 255, 236, 0.3), rgba(214, 255, 236, 0)) 0 0, linear-gradient(90deg, #f0d68e 0 2px, rgba(6, 30, 20, 0.5) 2px 3px, transparent 3px 17px, rgba(6, 30, 20, 0.5) 17px 18px, #b38d3c 18px) 0 0, linear-gradient(180deg, #1f9d6c 0, #168157 45%, #0e6444 100%) 0 0, linear-gradient(to bottom right, #0e6444 48.5%, rgba(0, 0, 0, 0) 51.5%) 3px 48px, linear-gradient(to bottom left, #0e6444 48.5%, rgba(0, 0, 0, 0) 51.5%) 10px 48px, linear-gradient(to bottom right, #0b4f37 48.5%, rgba(0, 0, 0, 0) 51.5%) 2px 48px, linear-gradient(to bottom left, #0b4f37 48.5%, rgba(0, 0, 0, 0) 51.5%) 10px 48px, linear-gradient(to bottom right, #f0d68e 48.5%, rgba(0, 0, 0, 0) 51.5%) 0px 48px, linear-gradient(to bottom left, #b38d3c 48.5%, rgba(0, 0, 0, 0) 51.5%) 10px 48px;
background-size: 20px 6px, 4px 5px, 4px 5px, 4px 5px, 4px 5px, 20px 48px, 20px 48px, 20px 48px, 7px 7px, 7px 7px, 8px 8px, 8px 8px, 10px 10px, 10px 10px;
background-repeat: no-repeat;
filter: drop-shadow(1px 2px 1.5px rgba(0, 0, 0, 0.55));
}
#outer #main li.bookmark:has(> p.status span.rec) .header p.datetime {
right: 44px;
}
#outer #main li.bookmark:has(> p.status span.rec) .header h4.heading {
padding-right: 42px;
}
#outer #main .bookmark div.user.module,
#outer #main li.bookmark div.own.user.module {
position: relative;
box-sizing: border-box;
float: none;
width: auto;
margin: 14px 0 0;
padding: 14px 18px 10px;
border: 1px solid transparent;
--cut: 7.6px;
--cut2: 8.1px;
--fill: #0f2119;
--rcut: 8px;
--rcut2: 8.5px;
--rfill: var(--gold-inner);
--rtl: #b0a48b;
--rtr: #938361;
--rbr: #4f3f1e;
--rbl: #604e26;
--rdk: #574621;
--rhi: #9c8d6d;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
}
#outer #main .bookmark div.user h5.byline {
margin: 0 0 6px;
padding-right: 92px;
color: var(--muted);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 9.5px;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
}
#outer #main .bookmark div.user h5.byline a {
color: var(--gold-light);
}
#outer #main .bookmark div.user p.datetime {
position: absolute;
top: 14px;
right: 18px;
margin: 0;
color: var(--muted);
font-size: 9.5px;
letter-spacing: 0.2em;
text-transform: uppercase;
}
#outer #main .bookmark div.user h6.meta.heading {
display: inline;
margin: 0 8px 0 0;
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 9px;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
}
#outer #main .bookmark div.user ul.meta.tags {
display: inline;
margin: 0;
padding: 0;
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 13.5px;
line-height: 1.8;
}
#outer #main .bookmark div.user ul.meta.tags li {
display: inline;
padding: 0;
}
#outer #main .bookmark div.user ul.meta.tags li::after {
content: '\25C6\200B';
display: inline;
margin: 0 5px 0 8px;
color: #8a6c2a;
font-size: 7px;
vertical-align: 2px;
}
#outer #main .bookmark div.user ul.meta.tags li:last-child::after {
content: none;
}
#outer #main .bookmark div.user ul.meta.tags a.tag {
color: var(--gold-light);
border: 0;
}
#outer #main .bookmark div.user ul.meta::after {
content: none;
}
#outer #main .bookmark div.user blockquote.userstuff.notes {
margin: 8px 0 6px;
padding: 0 0 0 14px;
border: 0;
background: linear-gradient(180deg, var(--gold), rgba(200, 162, 74, 0.1)) 0 4px no-repeat;
background-size: 1px 90%;
color: #e3dac2;
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 15px;
font-style: italic;
line-height: 1.6;
text-align: left;
}
#outer #main .bookmark div.user ul.actions {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
column-gap: 5px;
float: none;
margin: 4px 0 0;
padding: 0;
}
#outer #main .bookmark div.user ul.actions li {
margin: 0;
padding: 0;
}
#outer #main .bookmark div.user ul.actions a {
padding: 6px 10px 5px;
font-size: 9.5px;
}
#outer #main .dashboard .own,
#outer #main .own {
opacity: 1;
}
#outer #footer {
position: relative;
z-index: 0;
box-sizing: border-box;
float: left;
width: 100%;
margin: 40px 0 0;
padding: 0;
overflow: hidden;
background: var(--velvet);
border: 0;
color: var(--muted);
font-size: 14px;
}
#outer #footer::before {
content: '';
position: absolute;
left: 50%;
bottom: 0;
width: 1400px;
height: 700px;
margin-left: -700px;
z-index: -1;
background: radial-gradient(circle 700px at 50% 100%, rgba(7, 17, 13, 0) 0, rgba(7, 17, 13, 0.35) 45%, var(--velvet) 92%), repeating-conic-gradient(from -90deg at 50% 100%, rgba(200, 162, 74, 0.13) 0deg 2.2deg, rgba(200, 162, 74, 0) 2.2deg 7.5deg), radial-gradient(ellipse 38% 26% at 50% 100%, rgba(31, 158, 109, 0.34), rgba(31, 158, 109, 0) 100%);
}
#outer #footer::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 16px;
background: var(--rule) 0 6px no-repeat, var(--bead) 0 9px repeat-x, var(--rule) 0 15px no-repeat;
background-size: 100% 1px, 5px 5px, 100% 1px;
}
#outer #footer ul.navigation {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: 3%;
float: none;
clear: both;
box-sizing: border-box;
width: 100%;
max-width: 1100px;
margin: 0 auto;
padding: 46px 4% 70px;
text-align: left;
}
#outer #footer .module,
#outer #footer li.module {
flex: 1 1 150px;
max-width: 250px;
margin: 0 0 22px;
padding: 0;
}
#outer #footer .heading,
#outer #footer h4.heading {
display: block;
margin: 0 0 12px;
padding: 0 0 9px;
background: linear-gradient(90deg, var(--gold), rgba(200, 162, 74, 0)) 0 100% no-repeat;
background-size: 60% 1px;
color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10.5px;
font-weight: 500;
letter-spacing: 0.26em;
text-transform: uppercase;
}
#outer #footer .menu {
margin: 0;
padding: 0;
}
#outer #footer .menu li {
display: block;
margin: 0 0 5px;
padding: 0;
color: var(--muted);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 13.5px;
line-height: 1.45;
}
#outer #footer a,
#outer #footer button {
display: inline;
margin: 0;
padding: 0;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
color: #cfc6ae;
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 13.5px;
font-weight: 400;
letter-spacing: 0;
line-height: 1.45;
text-decoration: none;
text-transform: none;
cursor: pointer;
}
#outer #footer a:hover,
#outer #footer a:focus,
#outer #footer button:hover,
#outer #footer button:focus {
color: var(--glint);
text-decoration: underline;
text-decoration-color: rgba(125, 226, 180, 0.6);
text-underline-offset: 0.22em;
}
#outer .notice,
#outer .comment_notice,
#outer .kudos_notice,
#outer ul.notes,
#outer .caution,
#outer .error,
#outer .comment_error,
#outer .kudos_error,
#outer .alert.flash {
background: var(--velvet-2);
border: 1px solid rgba(200, 162, 74, 0.5);
border-left: 3px solid var(--em-bright);
border-radius: 0;
box-shadow: none;
color: var(--ivory);
}
#outer .caution {
border-left-color: #e2b53c;
}
#outer .error,
#outer .comment_error,
#outer .kudos_error,
#outer .alert.flash {
border-left-color: #c0223b;
}
#outer .autocomplete div.dropdown ul {
background: var(--velvet-2);
border: 1px solid var(--gold);
box-shadow: 0 10px 18px rgba(0, 0, 0, 0.7);
color: var(--ivory);
}
#outer .autocomplete .dropdown ul li:hover,
#outer .autocomplete .dropdown li.selected {
background: #0f6b4a;
color: #ffffff;
}
#modal {
box-sizing: border-box;
border: 1px solid transparent;
--cut: 13.6px;
--cut2: 14.1px;
--fill: var(--velvet-2);
--rcut: 14px;
--rcut2: 14.5px;
--rfill: var(--gold);
--rtl: #e1cc9b;
--rtr: #d6b977;
--rbr: #8b6f32;
--rbl: #ac8b3f;
--rdk: #9a7c38;
--rhi: #d9bf82;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
color: var(--ivory);
box-shadow: none;
}
#modal .content {
border-bottom: 1px solid rgba(200, 162, 74, 0.35);
color: var(--ivory);
}
#modal .footer {
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 11px;
letter-spacing: 0.2em;
text-transform: uppercase;
}
#modal-bg {
background: rgba(3, 8, 6, 0.82);
}
#ui-datepicker-div {
background: var(--velvet-2);
color: var(--ivory);
border: 1px solid var(--gold);
}
#outer .hidden:not(.narrow-shown):not([style*="display"]),
#outer [hidden],
#outer a.hidden:not([style*="display"]),
#outer .actions a.hidden:not([style*="display"]),
#outer li.hidden:not(.narrow-shown):not([style*="display"]) {
display: none !important;
}
#outer .landmark,
#outer .landmark.heading {
font-size: 0;
line-height: 0;
height: 0;
margin: 0;
padding: 0;
opacity: 0;
}
#outer #main.dashboard:not(.filtered) {
display: flow-root;
}
#outer #dashboard,
#outer #dashboard.own {
margin-left: 3.5%;
}
#outer #main .index:has(> li.blurb)::after {
content: none;
}
#outer #main .actions span.current,
#outer #main .actions .current,
#outer #main .navigation span.current,
#outer #dashboard span.current,
#outer #dashboard .current {
background: radial-gradient(ellipse 80% 90% at 50% 40%, rgba(125, 226, 180, 0.2), rgba(125, 226, 180, 0) 70%), linear-gradient(180deg, #178a5c 0%, #0f6646 48%, #0b523a 54%, #11694a 100%);
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
}
#outer #main #stat_chart {
max-width: 100%;
overflow: visible;
}
#outer #main #stat_chart > div {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
}
:root {
--forms-ruby: #c0223b;
--forms-ruby-text: #ff8e9e;
--forms-lit: radial-gradient(ellipse 80% 70% at 50% 25%, rgba(125, 226, 180, 0.2), rgba(125, 226, 180, 0) 70%), linear-gradient(180deg, #1a8a5f 0%, #10664a 46%, #0c5238 54%, #147a4f 100%);
--forms-lit-hover: radial-gradient(ellipse 80% 70% at 50% 25%, rgba(160, 240, 205, 0.24), rgba(160, 240, 205, 0) 70%), linear-gradient(180deg, #1d9567 0%, #0f6849 46%, #0c5a3d 54%, #178457 100%);
}
#outer #main form.verbose > fieldset,
#outer #main form.verbose > fieldset::before,
#outer #main form.search > fieldset,
#outer #main form.search > fieldset::before,
#outer #main form.edit_preference > fieldset,
#outer #main form.edit_preference > fieldset::before,
#outer #main form.edit_pseud > dl,
#outer #main form.edit_pseud > dl::before,
#outer #main form.new_pseud > dl,
#outer #main form.new_pseud > dl::before,
#outer #main .post.bookmark form > fieldset,
#outer #main .post.bookmark form > fieldset::before,
#outer #main form.verbose > fieldset > legend,
#outer #main form.edit_preference > fieldset > h4.heading,
#outer #main form:not(.filters) ul.autocomplete li.added,
#outer .autocomplete div.dropdown,
#outer .notice,
#outer .caution,
#outer div.error,
#outer p.error,
#outer .comment_notice,
#outer .kudos_notice,
#outer .comment_error,
#outer .kudos_error,
#outer .alert.flash,
#outer #admin-banner .userstuff,
#tos_prompt .agreement,
#tos_prompt .agreement::before {
--oct: linear-gradient(135deg, transparent var(--cut), var(--fill) var(--cut2)) top left, linear-gradient(225deg, transparent var(--cut), var(--fill) var(--cut2)) top right, linear-gradient(315deg, transparent var(--cut), var(--fill) var(--cut2)) bottom right, linear-gradient(45deg, transparent var(--cut), var(--fill) var(--cut2)) bottom left;
--rim: linear-gradient(135deg, transparent var(--rcut), var(--rtl) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) top left, linear-gradient(225deg, transparent var(--rcut), var(--rtr) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) top right, linear-gradient(315deg, transparent var(--rcut), var(--rbr) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) bottom right, linear-gradient(45deg, transparent var(--rcut), var(--rbl) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) bottom left;
--cut: 13.6px;
--cut2: 14.1px;
--fill: var(--band);
--rcut: 14px;
--rcut2: 14.5px;
--rfill: var(--gold);
--rtl: #e1cc9b;
--rtr: #d6b977;
--rbr: #8b6f32;
--rbl: #ac8b3f;
--rdk: #9a7c38;
--rhi: #d9bf82;
--gt: #9af2c9;
--gs: #25b07a;
--gd: #178a5c;
--gb: #08452d;
--tab: #3cc78d;
}
#outer input[type=text]:hover:not(:focus),
#outer input[type=password]:hover:not(:focus),
#outer input[type=email]:hover:not(:focus),
#outer input[type=url]:hover:not(:focus),
#outer input[type=number]:hover:not(:focus),
#outer textarea:hover:not(:focus),
#outer select:hover:not(:focus) {
border-color: rgba(200, 162, 74, 0.42);
border-bottom-color: var(--gold-light);
}
#outer input::placeholder,
#outer textarea::placeholder {
color: #8a9a90;
font-style: italic;
opacity: 1;
}
#outer input:-webkit-autofill {
-webkit-text-fill-color: var(--ivory);
box-shadow: inset 0 0 0 40px var(--well);
}
#outer input:disabled,
#outer textarea:disabled,
#outer select:disabled {
opacity: 0.5;
cursor: not-allowed;
}
#outer select[multiple] {
padding: 5px 4px;
background-image: none;
cursor: default;
}
#outer select[multiple] option {
padding: 4px 8px;
background: transparent;
}
#outer select[multiple] option:checked {
background: linear-gradient(90deg, rgba(31, 158, 109, 0.6), rgba(31, 158, 109, 0.2));
color: #ffffff;
}
#outer input[type=date],
#outer input[type=time],
#outer input[type=datetime-local] {
box-sizing: border-box;
width: auto;
padding: 6px 10px;
background: var(--well);
border: 1px solid rgba(200, 162, 74, 0.26);
border-bottom: 1px solid var(--gold);
border-radius: 0;
box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.6);
color: var(--ivory);
color-scheme: dark;
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 15px;
}
#outer #main .datetime select {
width: auto;
min-width: 0;
margin: 0 6px 6px 0;
}
#outer #main input.number {
width: 5em;
}
#outer #main input[type=file] {
box-sizing: border-box;
width: 100%;
max-width: 30em;
padding: 6px;
background: var(--well);
border: 1px dashed rgba(200, 162, 74, 0.5);
border-radius: 0;
box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.6);
color: var(--muted);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 14px;
cursor: pointer;
}
#outer #main input[type=file]::file-selector-button {
margin: 0 12px 0 0;
padding: 7px 14px 6px;
background: linear-gradient(180deg, #11523b 0%, #0b3d2b 46%, #08301f 54%, #0c4230 100%);
border: 1px solid var(--gold-bezel);
border-radius: 0;
box-shadow: inset 0 0 0 1px #06140e, inset 0 0 0 2px rgba(125, 226, 180, 0.22);
color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.18em;
text-transform: uppercase;
cursor: pointer;
}
#outer #main input[type=file]:hover::file-selector-button {
background: linear-gradient(180deg, #1b8a60 0%, #13704d 46%, #0e5a3e 54%, #16764f 100%);
border-color: var(--gold-light);
color: #fff6d6;
}
#outer #main form:not(.filters) input[type=checkbox],
#outer #main form:not(.filters) input[type=radio],
#tos_prompt input[type=checkbox] {
--gt: #9af2c9;
--gs: #25b07a;
--gd: #178a5c;
--gb: #08452d;
--tab: #3cc78d;
--ink: rgba(3, 38, 22, 0.9);
-webkit-appearance: none;
appearance: none;
position: relative;
box-sizing: border-box;
display: inline-block;
flex: 0 0 auto;
width: 17px;
height: 17px;
margin: 0 9px 0 0;
padding: 0;
vertical-align: -3px;
border: 1px solid var(--gold-bezel);
border-radius: 0;
background: var(--gem-set), linear-gradient(180deg, #020605, #0d1c16);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.7), inset 0 2px 4px rgba(0, 0, 0, 0.8), 0 1px 2px rgba(0, 0, 0, 0.6);
color: var(--ink);
cursor: pointer;
transition: border-color 0.2s ease, box-shadow 0.25s ease;
}
#outer #main form:not(.filters) input[type=radio] {
border-radius: 50%;
background: radial-gradient(circle at 50% 35%, #1b2c23, #030806 75%);
}
#outer #main form:not(.filters) input[type=checkbox]:not(:checked):hover,
#outer #main form:not(.filters) input[type=radio]:not(:checked):hover,
#tos_prompt input[type=checkbox]:not(:checked):hover {
border-color: var(--gold-light);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.85), 0 0 0 3px rgba(125, 226, 180, 0.16);
}
#outer #main form:not(.filters) input[type=checkbox]:checked,
#tos_prompt input[type=checkbox]:checked {
border-color: var(--gold-light);
background: var(--gem-set), radial-gradient(circle at 5px 4px, rgba(255, 255, 255, 0.85) 0, rgba(255, 255, 255, 0) 2.5px), linear-gradient(var(--tab), var(--tab)) center no-repeat, conic-gradient(from 0deg at 50% 50%, var(--gt) 0deg 44.6deg, var(--gs) 45.4deg 134.6deg, var(--gb) 135.4deg 224.6deg, var(--gd) 225.4deg 314.6deg, var(--gt) 315.4deg 360deg);
background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 7px 7px, 100% 100%;
background-repeat: no-repeat;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 0 8px -1px var(--gs);
}
#outer #main form:not(.filters) input[type=checkbox]:checked::after,
#tos_prompt input[type=checkbox]:checked::after {
content: '\2713';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: var(--ink);
font-family: "Helvetica Neue", Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 15px;
text-align: center;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
}
#outer #main form:not(.filters) input[type=radio]:checked {
border-color: var(--gold-light);
background: radial-gradient(circle at 38% 32%, rgba(236, 255, 246, 0.95) 0, rgba(236, 255, 246, 0) 28%), radial-gradient(circle at 50% 72%, rgba(125, 226, 180, 0.55), rgba(125, 226, 180, 0) 55%), radial-gradient(circle at 50% 45%, #2fb57f 0, #13754f 55%, #07412b 100%);
box-shadow: inset 0 0 0 2px #06140e, 0 0 9px rgba(31, 158, 109, 0.65);
}
#outer #main form:not(.filters) input[value="F/F"],
#outer #main form:not(.filters) input#category_116 {
--gt: #f08db0;
--gs: #c23a64;
--gd: #a02a50;
--gb: #5e1230;
--tab: #d4527b;
--ink: rgba(255, 236, 243, 0.95);
}
#outer #main form:not(.filters) input[value="F/M"],
#outer #main form:not(.filters) input#category_22 {
--gt: #d2b6f3;
--gs: #9160cc;
--gd: #7446b0;
--gb: #3e2168;
--tab: #a77ad8;
--ink: rgba(248, 240, 255, 0.95);
}
#outer #main form:not(.filters) input[value="M/M"],
#outer #main form:not(.filters) input#category_23 {
--gt: #93b6f5;
--gs: #3566cf;
--gd: #254fae;
--gb: #122a66;
--tab: #4d7ddc;
--ink: rgba(238, 244, 255, 0.95);
}
#outer #main form:not(.filters) input[value="Other"],
#outer #main form:not(.filters) input#category_24 {
--gt: #59636a;
--gs: #252b2f;
--gd: #181c1f;
--gb: #060808;
--tab: #30373c;
--ink: rgba(239, 212, 138, 0.95);
}
#outer #main form:not(.filters) input[value="Choose Not To Use Archive Warnings"],
#outer #main form:not(.filters) input#warning_14 {
--gt: #f9bc84;
--gs: #e07a2e;
--gd: #bb5d18;
--gb: #7a360a;
--tab: #ea8d44;
--ink: rgba(55, 20, 0, 0.9);
}
#outer #main form:not(.filters) input[value="No Archive Warnings Apply"],
#outer #main form:not(.filters) input#warning_16 {
--gt: #ffffff;
--gs: #dfe9e5;
--gd: #b3c4be;
--gb: #7f918b;
--tab: #f2f8f6;
--ink: rgba(10, 20, 16, 0.8);
}
#outer #main form:not(.filters) dd.warning input:not([value^="Choose"]):not([value^="No "]),
#outer #main form:not(.filters) input#warning_17,
#outer #main form:not(.filters) input#warning_18,
#outer #main form:not(.filters) input#warning_19,
#outer #main form:not(.filters) input#warning_20 {
--gt: #f27588;
--gs: #c0223b;
--gd: #9c1830;
--gb: #5c0a18;
--tab: #d23a52;
--ink: rgba(255, 240, 242, 0.95);
}
#outer #main form:not(.filters) input[value="Multi"]:checked,
#outer #main form:not(.filters) input#category_2246:checked {
background: var(--gem-set), radial-gradient(circle at 5px 4px, rgba(255, 255, 255, 0.85) 0, rgba(255, 255, 255, 0) 2.5px), radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0) 45%), conic-gradient(from 20deg at 50% 50%, #f07aa0, #f3c95e, #7ee0a0, #6fb8f0, #b28af0, #f07aa0);
background-size: 100% 100%;
--ink: rgba(20, 10, 30, 0.85);
}
#outer #main form:not(.filters) input[type=checkbox] + label,
#outer #main form:not(.filters) input[type=radio] + label {
padding-left: 0;
}
#outer #main form:not(.filters) li:has(> input[type=checkbox]),
#outer #main form:not(.filters) li:has(> input[type=radio]) {
padding-left: 26px;
}
#outer #main form:not(.filters) li > input[type=checkbox],
#outer #main form:not(.filters) li > input[type=radio] {
margin: 0 5px 0 -26px;
}
#outer #main form:not(.filters) dd > input[type=checkbox] + label {
display: inline-block;
max-width: 88%;
vertical-align: top;
}
#outer #main form:not(.filters) label > input[type=radio],
#outer #main form:not(.filters) label > input[type=checkbox] {
margin-top: 2px;
}
#outer #main form:not(.filters) label:has(> input[type=radio]),
#outer #main form:not(.filters) label:has(> input[type=checkbox]) {
display: inline-flex;
align-items: flex-start;
}
#outer #main form:not(.filters) li label,
#outer #main form:not(.filters) dd > label,
#outer #main form:not(.filters) p > label {
margin-right: 0.4em;
color: var(--ivory);
font-size: 15px;
letter-spacing: 0;
line-height: 1.45;
text-transform: none;
cursor: pointer;
}
#outer #main form:not(.filters) dl {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
column-gap: 20px;
float: none;
width: auto;
margin: 0;
padding: 0;
overflow: visible;
}
#outer #main form:not(.filters) fieldset {
min-width: 0;
overflow: visible;
}
#outer #main form:not(.filters) dt {
box-sizing: border-box;
flex: 1 0 24%;
min-width: 11em;
float: none;
width: auto;
margin: 0;
padding: 11px 0 5px;
border: 0;
background: none;
color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10.5px;
font-weight: 500;
letter-spacing: 0.18em;
line-height: 1.55;
text-transform: uppercase;
}
#outer #main form:not(.filters) dt label {
margin: 0 0.3em 0 0;
padding: 0;
color: var(--gold-light);
cursor: pointer;
}
#outer #main form:not(.filters) dt.landmark {
padding: 0;
}
#outer #main form:not(.filters) dd {
box-sizing: border-box;
flex: 1000 1 64%;
min-width: 0;
float: none;
width: auto;
margin: 0 0 16px;
padding: 0;
color: var(--ivory);
}
#outer #main form:not(.filters) dt:has(> input[type=checkbox]) {
position: relative;
top: 2px;
z-index: 1;
flex: 0 0 100%;
height: 0;
min-width: 0;
padding: 0;
}
#outer #main form:not(.filters) dt:has(> input[type=checkbox]) + dd {
flex-basis: 100%;
padding-left: 27px;
}
#outer #main form:not(.filters) dt > input[type=checkbox] {
margin: 0;
}
#outer #main form:not(.filters) :where(dd > ul:not(.notes,
.autocomplete),
dd > fieldset > ul:not(.autocomplete)) {
display: flex;
flex-wrap: wrap;
column-gap: 26px;
margin: 0;
padding: 2px 0 0;
list-style: none;
}
#outer #main form:not(.filters) :where(dd > ul:not(.notes,
.autocomplete),
dd > fieldset > ul:not(.autocomplete)) > li {
flex: 0 1 16em;
min-width: 0;
margin: 0 0 7px;
padding: 0;
}
#outer #main form:not(.filters) dd.notes ul > li {
flex-basis: 100%;
}
#outer #main form:not(.filters) dt:has(> input[type=checkbox]) + dd > fieldset {
margin: 10px 0 4px;
padding: 4px 0 2px 18px;
border-left: 1px solid rgba(200, 162, 74, 0.3);
}
#outer #main form:not(.filters) dd fieldset {
margin: 0;
padding: 0;
}
#outer #main form:not(.filters) dd > p:first-child {
margin: 0 0 8px;
padding: 0;
}
#outer #main form:not(.filters) dd fieldset fieldset,
#outer #main form:not(.filters) dd > fieldset:not(.warnings):not(:has(> ul)) {
margin: 10px 0 4px;
}
#outer #main form.verbose > fieldset,
#outer #main form.search > fieldset,
#outer #main form.edit_preference > fieldset,
#outer #main form.edit_pseud > dl,
#outer #main form.new_pseud > dl,
#outer #main .post.bookmark form > fieldset,
#tos_prompt .agreement {
position: relative;
z-index: 0;
box-sizing: border-box;
min-width: 0;
margin: 34px 0 0;
padding: 26px 4% 20px;
border: 1px solid transparent;
border-radius: 0;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
box-shadow: none;
overflow: visible;
}
#outer #main form.verbose > fieldset::before,
#outer #main form.search > fieldset::before,
#outer #main form.edit_preference > fieldset::before,
#outer #main form.edit_pseud > dl::before,
#outer #main form.new_pseud > dl::before,
#outer #main .post.bookmark form > fieldset::before,
#tos_prompt .agreement::before {
content: '';
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
z-index: -1;
border: 1px solid transparent;
--rcut: 11.93px;
--rcut2: 12.4px;
--rfill: var(--gold-inner);
--rtl: #b0a48b;
--rtr: #938361;
--rbr: #4f3f1e;
--rbl: #604e26;
--rdk: #574621;
--rhi: #9c8d6d;
--cut: 11.51px;
--cut2: 12px;
--fill: var(--velvet-2);
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
}
#outer #main form.verbose > fieldset,
#outer #main form.edit_preference > fieldset:has(> h4.heading) {
padding-top: 38px;
}
#outer #main form > fieldset:focus-within,
#outer #main form > fieldset:has(div.dropdown[style*=block]),
#outer #main form > dl:focus-within {
z-index: 3;
}
#outer #main form.verbose > fieldset > legend,
#outer #main form.edit_preference > fieldset > h4.heading {
position: absolute;
top: 0;
left: 50%;
z-index: 1;
box-sizing: border-box;
display: block;
width: max-content;
height: auto;
max-width: 86%;
margin: 0;
padding: 8px 21px 7px 24px;
border: 1px solid transparent;
--cut: 6.6px;
--cut2: 7.1px;
--fill: var(--velvet);
--rcut: 7px;
--rcut2: 7.5px;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
box-shadow: none;
color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.3em;
line-height: 1.3;
text-align: center;
text-transform: uppercase;
text-wrap: balance;
opacity: 1;
transform: translate(-50%, -50%);
filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.65));
}
#outer #main form.verbose > fieldset > legend::before,
#outer #main form.verbose > fieldset > legend::after,
#outer #main form.edit_preference > fieldset > h4.heading::before,
#outer #main form.edit_preference > fieldset > h4.heading::after {
content: '';
position: absolute;
top: 50%;
left: 9px;
width: 4px;
height: 4px;
margin-top: -2px;
background: conic-gradient(from -45deg, #d6b977 0 90deg, #8b6f32 90deg 180deg, #ac8b3f 180deg 270deg, #e1cc9b 270deg);
transform: rotate(45deg);
}
#outer #main form.verbose > fieldset > legend::after,
#outer #main form.edit_preference > fieldset > h4.heading::after {
left: auto;
right: 9px;
}
#outer #main form.verbose > fieldset > legend a.help,
#outer #main form.edit_preference > fieldset > h4.heading a.help {
margin-left: 4px;
}
#outer #main form.verbose fieldset fieldset legend {
position: static;
width: auto;
height: auto;
margin: 0 0 6px;
padding: 0;
background: none;
border: 0;
box-shadow: none;
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
opacity: 1;
}
#outer #main form.verbose fieldset fieldset legend label {
color: var(--gold);
font: inherit;
letter-spacing: inherit;
text-transform: uppercase;
}
#outer #main .toggled form,
#outer #main .dynamic form {
margin: 0;
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
}
#outer #main .post.bookmark h4.heading {
margin: 0 0 10px;
color: var(--ivory);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 20px;
font-style: italic;
}
#outer #main .post.bookmark h4.heading select {
width: auto;
min-width: 10em;
margin: 0 8px 0 0;
font-size: 14px;
font-style: normal;
vertical-align: middle;
}
#outer #main .post.bookmark p.close {
float: right;
margin: -14px -2% 0 0;
padding: 0;
}
#outer #main form:not(.filters) ul.autocomplete {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 6px;
box-sizing: border-box;
width: 100%;
min-height: 37px;
margin: 0;
padding: 3px 5px;
background: var(--well);
border: 1px solid rgba(200, 162, 74, 0.26);
border-bottom: 1px solid var(--gold);
box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.6);
list-style: none;
cursor: text;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
#outer #main form:not(.filters) ul.autocomplete:hover {
border-color: rgba(200, 162, 74, 0.42);
border-bottom-color: var(--gold-light);
}
#outer #main form:not(.filters) ul.autocomplete:focus-within {
background: #07130e;
border-color: rgba(125, 226, 180, 0.45);
border-bottom-color: var(--facet);
box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.6), 0 6px 14px -8px rgba(31, 158, 109, 0.9);
outline: 2px solid var(--facet);
outline-offset: 2px;
}
#outer #main form:not(.filters) ul.autocomplete li.input {
position: static;
flex: 1 1 9em;
min-width: 7em;
margin: 0;
padding: 0;
border: 0;
}
#outer #main form:not(.filters) ul.autocomplete li.input input {
display: block;
width: 100%;
min-width: 0;
margin: 0;
padding: 5px 5px;
background: transparent;
border: 0;
box-shadow: none;
}
#outer #main form:not(.filters) ul.autocomplete li.input input:focus-visible {
outline: none !important;
}
#outer #main form:not(.filters) ul.autocomplete li.added {
position: relative;
display: inline-flex;
align-items: center;
flex: 0 1 auto;
min-width: 0;
margin: 3px 0;
padding: 4px 6px 4px 11px;
border: 1px solid transparent;
--cut: 4.6px;
--cut2: 5.1px;
--fill: #0c3325;
--rcut: 5px;
--rcut2: 5.5px;
--rfill: var(--gold-bezel);
--rtl: #d4c093;
--rtr: #c4a96b;
--rbr: #7b6027;
--rbl: #987831;
--rdk: #886b2c;
--rhi: #c8b077;
background: linear-gradient(180deg, rgba(125, 226, 180, 0.13), rgba(125, 226, 180, 0) 50%, rgba(0, 0, 0, 0.18) 51%, rgba(0, 0, 0, 0)) padding-box, var(--oct), var(--rim);
background-size: 100% 100%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
box-shadow: none;
color: var(--ivory);
font-size: 14px;
line-height: 1.3;
overflow-wrap: anywhere;
}
#outer #main form:not(.filters) ul.autocomplete li.added .delete {
margin: 0 0 0 4px;
padding: 0;
background: none;
border: 0;
box-shadow: none;
}
#outer #main form:not(.filters) ul.autocomplete li.added .delete a {
display: inline-block;
width: 18px;
height: 18px;
padding: 0;
background: none;
border: 0;
color: var(--gold-light);
font-family: "Helvetica Neue", Arial, sans-serif;
font-size: 15px;
line-height: 17px;
text-align: center;
transition: color 0.2s ease, text-shadow 0.2s ease;
}
#outer #main form:not(.filters) ul.autocomplete li.added .delete a:hover,
#outer #main form:not(.filters) ul.autocomplete li.added .delete a:focus {
color: var(--forms-ruby-text);
text-shadow: 0 0 8px rgba(255, 110, 130, 0.7);
}
#outer ul.autocomplete {
position: relative;
}
#outer #main .filters dl:has(.autocomplete) {
overflow: visible;
}
#outer .autocomplete div.dropdown {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 999;
box-sizing: border-box;
min-width: 14em;
max-height: 22em;
margin: 6px 0 0;
padding: 9px 0;
overflow-y: auto;
border: 1px solid transparent;
--cut: 6.6px;
--cut2: 7.1px;
--fill: var(--velvet-2);
--rcut: 7px;
--rcut2: 7.5px;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
box-shadow: none;
color: var(--ivory);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
filter: drop-shadow(0 14px 20px rgba(0, 0, 0, 0.75));
text-align: left;
}
#outer .autocomplete div.dropdown ul {
display: block;
width: auto;
margin: 0;
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
list-style: none;
}
#outer .autocomplete div.dropdown li {
display: block;
float: none;
width: auto;
min-width: 0;
margin: 0;
padding: 6px 16px 6px 20px;
background: transparent;
border: 0;
color: var(--text);
font-size: 14.5px;
line-height: 1.35;
cursor: pointer;
}
#outer .autocomplete div.dropdown li b,
#outer .autocomplete div.dropdown li strong {
color: var(--gold-light);
font-weight: 600;
}
#outer .autocomplete div.dropdown li:hover,
#outer .autocomplete div.dropdown li.selected {
background: linear-gradient(90deg, rgba(31, 158, 109, 0), rgba(31, 158, 109, 0.34) 14%, rgba(31, 158, 109, 0.34) 86%, rgba(31, 158, 109, 0));
color: var(--glint);
}
#outer .autocomplete div.dropdown li:hover::before,
#outer .autocomplete div.dropdown li.selected::before {
content: '';
display: inline-block;
width: 4px;
height: 4px;
margin: 0 8px 0 -12px;
vertical-align: 3px;
background: conic-gradient(from -45deg, #f3dfa7 0 90deg, #a5915d 90deg 180deg, #cdb575 180deg 270deg, #f6e7bf 270deg);
transform: rotate(45deg);
}
#outer .autocomplete div.dropdown .notice {
margin: 0;
padding: 4px 18px;
text-align: left;
background: none;
border: 0;
box-shadow: none;
color: var(--muted);
font-size: 14px;
font-style: italic;
}
#outer .autocomplete div.dropdown .notice::before {
content: none;
}
#outer #main form p.note,
#outer #main form p.notes {
clear: none;
max-width: 46em;
margin: 0 auto 18px;
padding: 0;
color: #cfc6ae;
font-size: 14.5px;
font-style: italic;
line-height: 1.6;
text-align: center;
}
#outer #main form .footnote,
#outer #main form p.footnote {
display: block;
float: none;
margin: 6px 0 0;
padding: 0;
color: var(--muted);
font-size: 13px;
line-height: 1.5;
}
#outer #main form .important.footnote {
color: #cfc6ae;
font-weight: 600;
}
#outer #main form dd p.character_counter,
#outer #main .rtf-html-field p.character_counter {
float: none;
clear: none;
margin: 6px 0 0;
padding: 0;
text-align: right;
}
#outer #main form dd p.character_counter span.value,
#outer #main .rtf-html-field p.character_counter span.value {
color: var(--ivory);
font-size: 11px;
font-variant-numeric: tabular-nums;
letter-spacing: 0.06em;
}
#outer #main p.character_counter:has(> span.value[aria-valuenow^="-"]),
#outer #main p.character_counter span.value[aria-valuenow^="-"] {
color: var(--forms-ruby-text);
}
#outer #main p.character_counter:has(> span.value[aria-valuenow^="-"])::before {
content: '';
display: inline-block;
width: 5px;
height: 5px;
margin: 0 8px 0 0;
vertical-align: 1px;
background: var(--forms-ruby);
box-shadow: 0 0 6px rgba(255, 90, 110, 0.8);
transform: rotate(45deg);
}
#outer #main a.help.symbol span.symbol,
#outer #main span.symbol.question {
margin: 0 0 0 7px;
border-radius: 0;
box-shadow: none;
vertical-align: 1px;
transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
#outer #main a.help.symbol:hover span.symbol,
#outer #main a.help.symbol:focus span.symbol {
background: var(--gold);
border-color: var(--gold-light);
box-shadow: 0 0 8px rgba(239, 212, 138, 0.55);
color: var(--velvet);
}
#outer #main a.help.symbol:hover,
#outer #main a.help.symbol:focus {
background: none;
}
#outer .LV_validation_message.LV_valid,
#outer .LV_validation_message:empty {
display: none;
}
#outer .LV_validation_message.LV_invalid {
display: block;
position: relative;
float: none;
margin: 7px 0 0;
padding: 0 0 0 16px;
background: none;
border: 0;
border-radius: 0;
box-shadow: none;
color: var(--forms-ruby-text);
font-size: 14px;
font-style: italic;
font-weight: 400;
line-height: 1.45;
}
#outer .LV_validation_message.LV_invalid::before {
content: '';
position: absolute;
top: 0.55em;
left: 2px;
width: 6px;
height: 6px;
border: 0;
background: var(--forms-ruby);
box-shadow: 0 0 6px rgba(255, 90, 110, 0.8);
transform: rotate(45deg);
}
#outer #main input.LV_invalid_field,
#outer #main textarea.LV_invalid_field,
#outer #main span.error input,
#outer #main span.error textarea,
#outer #main span.error select {
border-color: rgba(214, 60, 85, 0.55);
border-bottom-color: #e0455e;
box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.6), 0 6px 14px -8px rgba(224, 69, 94, 0.95);
}
#outer #main span.error {
display: block;
margin: 0;
padding: 0;
background: none;
border: 0;
border-radius: 0;
box-shadow: none;
color: var(--forms-ruby-text);
font-weight: 400;
}
#outer #main dt span.error {
display: inline;
}
#outer #main dt span.error label {
color: var(--forms-ruby-text);
}
#outer #main dt span.error label::before {
content: '';
display: inline-block;
width: 5px;
height: 5px;
margin: 0 7px 0 1px;
vertical-align: 2px;
background: var(--forms-ruby);
box-shadow: 0 0 6px rgba(255, 90, 110, 0.8);
transform: rotate(45deg);
}
#outer #main form:not(.filters,
.new_comment,
.edit_comment) fieldset > ul.actions,
#outer #main form:not(.filters,
.new_comment,
.edit_comment) p.submit,
#outer #main form:not(.filters,
.new_comment,
.edit_comment) dd.submit {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
column-gap: 10px;
float: none;
clear: both;
margin: 12px 0 0;
padding: 0;
text-align: center;
}
#outer #main form:not(.filters,
.new_comment,
.edit_comment) fieldset > ul.actions > li {
display: block;
margin: 3px 0;
padding: 0;
}
#outer #main form:not(.filters,
.new_comment,
.edit_comment) p.submit input[type=submit],
#outer #main form:not(.filters,
.new_comment,
.edit_comment) dd.submit input[type=submit],
#outer #main form:not(.filters,
.new_comment,
.edit_comment) ul.actions input[name=post_button],
#tos_prompt #accept_tos {
min-width: 9.5em;
margin: 6px 4px;
padding: 11px 24px 10px;
background: var(--forms-lit);
border: 1px solid var(--gold-light);
box-shadow: inset 0 0 0 1px #06140e, inset 0 0 0 2px rgba(216, 251, 233, 0.45), inset 0 0 0 4px rgba(12, 82, 54, 0.8), inset 0 0 0 5px rgba(216, 251, 233, 0.2), 0 0 0 3px var(--velvet-2), 0 0 0 4px var(--gold-deep), 0 0 18px rgba(31, 158, 109, 0.4), 0 4px 10px rgba(0, 0, 0, 0.6);
color: #fffaf0;
font-size: 11.5px;
letter-spacing: 0.24em;
}
#outer #main form:not(.filters,
.new_comment,
.edit_comment) p.submit input[type=submit]:hover,
#outer #main form:not(.filters,
.new_comment,
.edit_comment) p.submit input[type=submit]:focus,
#outer #main form:not(.filters,
.new_comment,
.edit_comment) dd.submit input[type=submit]:hover,
#outer #main form:not(.filters,
.new_comment,
.edit_comment) dd.submit input[type=submit]:focus,
#outer #main form:not(.filters,
.new_comment,
.edit_comment) ul.actions input[name=post_button]:hover,
#outer #main form:not(.filters,
.new_comment,
.edit_comment) ul.actions input[name=post_button]:focus,
#tos_prompt #accept_tos:not([disabled]):hover,
#tos_prompt #accept_tos:not([disabled]):focus {
background: var(--forms-lit-hover);
box-shadow: inset 0 0 0 1px #06140e, inset 0 0 0 2px rgba(216, 251, 233, 0.6), inset 0 0 0 4px rgba(12, 82, 54, 0.7), inset 0 0 0 5px rgba(216, 251, 233, 0.3), 0 0 0 3px var(--velvet-2), 0 0 0 4px var(--gold), 0 0 26px rgba(31, 158, 109, 0.7), 0 4px 10px rgba(0, 0, 0, 0.6);
color: #ffffff;
}
#outer #main form:not(.filters,
.new_comment,
.edit_comment) fieldset > ul.actions a {
background: transparent;
border-color: rgba(200, 162, 74, 0.55);
box-shadow: inset 0 0 0 3px rgba(200, 162, 74, 0.06);
color: var(--gold-light);
}
#outer #main form:not(.filters,
.new_comment,
.edit_comment) fieldset > ul.actions a:hover,
#outer #main form:not(.filters,
.new_comment,
.edit_comment) fieldset > ul.actions a:focus {
background: rgba(31, 158, 109, 0.16);
border-color: var(--gold-light);
box-shadow: inset 0 0 0 3px rgba(125, 226, 180, 0.1);
color: var(--glint);
}
#outer #main .actions label {
display: inline-flex;
align-items: center;
box-sizing: border-box;
height: auto;
margin: 3px 0;
padding: 5px 12px 5px 8px;
background: transparent;
border: 1px solid rgba(200, 162, 74, 0.55);
border-radius: 0;
box-shadow: inset 0 0 0 3px rgba(200, 162, 74, 0.06);
color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10.5px;
font-weight: 500;
letter-spacing: 0.18em;
line-height: 1.35;
text-transform: uppercase;
cursor: pointer;
}
#outer #main .actions label:has(input:checked) {
background: rgba(31, 158, 109, 0.2);
border-color: var(--gold-light);
}
#outer #main form:not(.filters) .actions label > input[type=checkbox] {
margin: 0 8px 0 0;
}
#outer #main form fieldset > ul.rtf-html-switch.actions {
column-gap: 0;
margin: 0 0 6px;
}
#outer #main ul.rtf-html-switch li {
display: block;
margin: 0;
padding: 0;
}
#outer #main ul.rtf-html-switch li + li a {
margin-left: -1px;
}
#outer #main ul.rtf-html-switch a.current,
#outer #main ul.rtf-html-switch a.current:link,
#outer #main ul.rtf-html-switch a.current:visited {
background: var(--forms-lit);
border-color: var(--gold-light);
box-shadow: inset 0 0 0 1px #06140e, inset 0 0 0 2px rgba(216, 251, 233, 0.5), inset 0 0 0 4px rgba(12, 82, 54, 0.8), 0 0 14px rgba(31, 158, 109, 0.6);
color: #fffaf0;
}
#outer #main p.rtf-html-instructions {
margin: 0 0 12px;
padding: 6px 0 0;
color: var(--muted);
font-size: 14px;
font-style: italic;
}
#outer .mce-tinymce,
#outer .mce-panel,
#outer .mce-toolbar-grp,
#outer .mce-menubar,
#outer .mce-statusbar {
background: var(--velvet-2);
border-color: rgba(200, 162, 74, 0.35);
background-image: none;
box-shadow: none;
color: var(--ivory);
}
#outer .mce-btn,
#outer .mce-btn button {
background: transparent;
border-color: transparent;
box-shadow: none;
color: var(--gold-light);
text-shadow: none;
}
#outer .mce-btn:hover,
#outer .mce-btn.mce-active {
background: rgba(31, 158, 109, 0.3);
border-color: rgba(200, 162, 74, 0.5);
}
#outer .mce-ico,
#outer .mce-caret,
#outer .mce-path-item,
#outer .mce-wordcount {
color: var(--gold-light);
}
#outer .tox-tinymce {
border: 1px solid rgba(200, 162, 74, 0.45);
border-radius: 0;
}
#outer .tox .tox-editor-header,
#outer .tox .tox-menubar,
#outer .tox .tox-toolbar,
#outer .tox .tox-toolbar__primary,
#outer .tox .tox-statusbar {
background: var(--velvet-2);
border-color: rgba(200, 162, 74, 0.3);
color: var(--gold-light);
}
#outer .tox .tox-tbtn,
#outer .tox .tox-mbtn,
#outer .tox .tox-statusbar a {
color: var(--gold-light);
}
#outer .tox .tox-tbtn svg {
fill: var(--gold-light);
}
#outer .tox .tox-tbtn:hover,
#outer .tox .tox-tbtn--enabled {
background: rgba(31, 158, 109, 0.3);
}
#outer .notice,
#outer .caution,
#outer div.error,
#outer p.error,
#outer .comment_notice,
#outer .kudos_notice,
#outer .comment_error,
#outer .kudos_error,
#outer .alert.flash {
--cut: 7.6px;
--cut2: 8.1px;
--fill: var(--velvet-2);
--rcut: 8px;
--rcut2: 8.5px;
--rfill: var(--gold-rim);
--rtl: #c7b793;
--rtr: #b39d6b;
--rbr: #6c5627;
--rbl: #856b31;
--rdk: #775f2c;
--rhi: #b9a577;
position: relative;
z-index: 0;
box-sizing: border-box;
clear: right;
margin: 12px 0;
padding: 11px 20px;
border: 1px solid transparent;
border-radius: 0;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
box-shadow: none;
color: var(--ivory);
font-size: 15px;
font-weight: 400;
line-height: 1.5;
text-align: center;
text-shadow: none;
}
#outer .notice::before,
#outer .caution::before,
#outer div.error::before,
#outer p.error::before,
#outer .comment_notice::before,
#outer .kudos_notice::before,
#outer .comment_error::before,
#outer .kudos_error::before,
#outer .alert.flash::before,
#outer #admin-banner .userstuff::before {
content: none;
}
#outer #main p.muted.notice {
display: none;
}
#outer #main div.post.comment p.notice,
#outer #main div.post.comment p.caution {
padding: 11px 20px;
}
#outer .caution,
#outer #admin-banner.alert .userstuff {
--gt: #fbe79b;
--gs: #e2b53c;
--gd: #c2951f;
--gb: #7f5c0c;
--tab: #edc95a;
--rfill: #b8923a;
--rtl: #d8c393;
--rtr: #caad6b;
--rbr: #806427;
--rbl: #9e7d31;
--rdk: #8e702c;
--rhi: #ceb477;
--wash: rgba(226, 181, 60, 0.12);
}
#outer div.error,
#outer p.error,
#outer .comment_error,
#outer .kudos_error,
#outer .alert.flash {
--gt: #f27588;
--gs: #c0223b;
--gd: #9c1830;
--gb: #5c0a18;
--tab: #d23a52;
--rfill: #b5304a;
--rtl: #d68d9b;
--rtr: #c86477;
--rbr: #7e2332;
--rbl: #9c2a3f;
--rdk: #8b2638;
--rhi: #cc7082;
--fill: #140f10;
}
#outer .notice p,
#outer .caution p,
#outer div.error p {
margin: 0;
padding: 0;
}
#outer .notice a,
#outer .caution a,
#outer div.error a,
#outer #admin-banner .userstuff a,
#modal .content a,
#tos_prompt a {
color: var(--gold-light);
text-decoration: underline;
text-decoration-color: rgba(239, 212, 138, 0.45);
text-underline-offset: 0.2em;
}
#outer #admin-banner .userstuff a:hover,
#outer #admin-banner .userstuff a:focus,
#modal .content a:hover,
#tos_prompt a:hover {
color: var(--glint);
}
#outer .notice strong,
#outer .caution strong {
color: var(--gold-light);
font-weight: 600;
}
#outer div.error h4,
#outer div.error h3 {
margin: 0 0 6px;
padding: 0;
border: 0;
color: var(--ivory);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 19px;
font-style: italic;
font-weight: 400;
line-height: 1.3;
}
#outer div.error ul,
#outer .notice ul,
#outer .caution ul {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
text-align: left;
vertical-align: top;
}
#outer div.error ul li,
#outer .notice ul li,
#outer .caution ul li {
position: relative;
margin: 3px 0;
padding: 0 0 0 16px;
list-style: none;
}
#outer div.error ul li::before,
#outer .notice ul li::before,
#outer .caution ul li::before {
content: '';
position: absolute;
top: 0.62em;
left: 2px;
width: 5px;
height: 5px;
background: var(--gs);
transform: rotate(45deg);
}
#outer #main p.required.notice {
margin: 4px 0 0;
padding: 0;
background: none;
border: 0;
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.22em;
text-align: center;
text-transform: uppercase;
}
#outer #main p.required.notice::before {
content: none;
}
#outer #main ul.notes {
display: block;
margin: 0 0 10px;
padding: 0;
background: none;
border: 0;
box-shadow: none;
color: var(--text);
list-style: none;
}
#outer #main ul.notes li {
position: relative;
margin: 0 0 4px;
padding: 0 0 0 16px;
list-style: none;
font-size: 14.5px;
}
#outer #main ul.notes li::before {
content: '';
position: absolute;
top: 0.62em;
left: 2px;
width: 5px;
height: 5px;
background: conic-gradient(from -45deg, #d6b977 0 90deg, #8b6f32 90deg 180deg, #ac8b3f 180deg 270deg, #e1cc9b 270deg);
transform: rotate(45deg);
}
#outer #main ul.notes li:has(img.icon) {
display: flex;
align-items: flex-end;
column-gap: 14px;
margin: 0 0 10px;
padding: 0;
}
#outer #main ul.notes li:has(img.icon)::before {
content: none;
}
#outer #main ul.notes li a:has(img.icon) {
display: block;
padding: 3px;
background: var(--velvet);
box-shadow: 0 0 0 1px var(--gold), 0 6px 14px rgba(0, 0, 0, 0.55);
line-height: 0;
}
#outer #main ul.notes img.icon {
display: block;
width: 72px;
height: 72px;
box-shadow: 0 0 0 1px var(--gold-inner);
}
#outer #admin-banner {
position: relative;
box-sizing: border-box;
width: 92%;
max-width: 1100px;
margin: 6px auto 14px;
padding: 0;
background: none;
border: 0;
}
#outer #admin-banner .userstuff {
--cut: 9.6px;
--cut2: 10.1px;
--fill: var(--band);
--rcut: 10px;
--rcut2: 10.5px;
--wash: rgba(31, 158, 109, 0.16);
position: relative;
z-index: 0;
box-sizing: border-box;
margin: 0;
padding: 13px 58px;
border: 1px solid transparent;
background: radial-gradient(ellipse 50% 90% at 50% 0, var(--wash), transparent 100%) padding-box, var(--oct), var(--rim);
background-size: 100% 100%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
box-shadow: none;
color: var(--ivory);
font-size: 15px;
line-height: 1.55;
text-align: center;
}
#outer #admin-banner .userstuff p {
margin: 0;
padding: 0;
}
#outer #admin-banner .userstuff strong {
color: var(--gold-light);
font-weight: 600;
}
#outer #admin-banner p.submit {
position: absolute;
top: 50%;
right: 16px;
bottom: auto;
z-index: 1;
margin: -13px 0 0;
padding: 0;
}
#outer #admin-banner .action {
box-sizing: border-box;
display: block;
width: 26px;
height: 26px;
margin: 0;
padding: 0;
background: var(--velvet);
border: 1px solid var(--gold-bezel);
border-radius: 50%;
box-shadow: inset 0 0 0 2px var(--velvet), inset 0 0 0 3px rgba(200, 162, 74, 0.25);
color: var(--gold-light);
font-family: "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
line-height: 22px;
text-align: center;
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
#outer #admin-banner .action:hover,
#outer #admin-banner .action:focus {
background: var(--em-deep);
border-color: var(--gold-light);
box-shadow: inset 0 0 0 2px var(--velvet), inset 0 0 0 3px rgba(216, 251, 233, 0.35), 0 0 12px rgba(31, 158, 109, 0.6);
color: #ffffff;
}
#outer #admin-banner .thermometer-content {
width: 70%;
max-width: 520px;
height: auto;
margin: 12px auto 4px;
padding: 0 0 20px;
}
#outer #admin-banner .thermometer .track {
height: 12px;
background: var(--well);
border: 1px solid var(--gold-deep);
border-radius: 0;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.85), 0 0 0 3px var(--band), 0 0 0 4px rgba(200, 162, 74, 0.25);
}
#outer #admin-banner .thermometer .progress {
background: linear-gradient(180deg, #9af2c9 0%, #2fb57f 30%, #13754f 55%, #1f9e6d 100%) !important;
box-shadow: 0 0 12px rgba(31, 158, 109, 0.7), inset 0 0 0 1px rgba(216, 251, 233, 0.3);
}
#outer #admin-banner .thermometer .amount {
color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 9.5px;
font-weight: 500;
letter-spacing: 0.14em;
line-height: 12px;
white-space: nowrap;
}
#outer #admin-banner .thermometer .goal .amount {
padding-left: 10px;
}
#outer #admin-banner .thermometer .progress .amount {
top: 17px;
}
#modal {
width: 92%;
max-width: 760px;
padding-bottom: 50px;
filter: drop-shadow(0 24px 40px rgba(0, 0, 0, 0.8));
}
#modal .content {
padding: 30px 7% 24px;
color: var(--text);
font-size: 15px;
line-height: 1.6;
}
#modal.tall .content {
top: 8px;
right: 6px;
bottom: 50px;
}
#modal .content > :is(h1,
h2,
.heading):first-child {
position: relative;
margin: 0 0 22px;
padding: 0 0 20px;
border: 0;
background: var(--foil);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: var(--gold-light);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 30px;
font-style: italic;
font-weight: 400;
line-height: 1.15;
text-align: center;
text-wrap: balance;
}
#modal .content > :is(h1,
h2,
.heading):first-child::after,
#tos_prompt h2.heading::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 160px;
height: 7px;
margin-left: -80px;
background: linear-gradient(var(--gold), var(--gold)) center no-repeat, linear-gradient(90deg, rgba(200, 162, 74, 0), var(--gold) 40%, rgba(200, 162, 74, 0) 40.01%, rgba(200, 162, 74, 0) 59.99%, var(--gold) 60%, rgba(200, 162, 74, 0)) center no-repeat;
background-size: 5px 5px, 100% 1px;
transform: none;
}
#modal .content h3 {
display: flex;
align-items: center;
column-gap: 12px;
margin: 26px 0 10px;
padding: 0;
border: 0;
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.28em;
text-transform: uppercase;
}
#modal .content h3::after {
content: '';
flex: 1 1 auto;
height: 1px;
background: linear-gradient(90deg, rgba(200, 162, 74, 0.5), rgba(200, 162, 74, 0));
}
#modal .content h4,
#modal .content h5 {
color: var(--ivory);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-style: italic;
font-weight: 400;
}
#modal .content p {
margin: 0 0 0.9em;
}
#modal .content ul,
#modal .content ol {
margin: 0 0 1em;
padding: 0 0 0 4px;
}
#modal .content ul > li {
position: relative;
margin: 0 0 0.45em;
padding: 0 0 0 18px;
list-style: none;
}
#modal .content ul > li::before {
content: '';
position: absolute;
top: 0.66em;
left: 3px;
width: 5px;
height: 5px;
background: conic-gradient(from -45deg, #d6b977 0 90deg, #8b6f32 90deg 180deg, #ac8b3f 180deg 270deg, #e1cc9b 270deg);
transform: rotate(45deg);
}
#modal .content ol > li {
margin: 0 0 0.45em 1.4em;
}
#modal .content dt {
margin: 14px 0 4px;
color: var(--gold-light);
}
#modal .content dd {
margin: 0 0 8px 12px;
}
#modal .content code,
#modal .content kbd,
#modal .content pre {
color: #bfe9d4;
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
font-size: 13px;
}
#modal .footer {
height: 50px;
padding: 0 18px;
line-height: 50px;
}
#modal .footer .title {
display: inline-block;
max-width: 60%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: top;
}
#modal .footer .action.modal-closer {
right: 16px;
bottom: 11px;
margin: 0;
}
#modal :focus-visible,
#tos_prompt :focus-visible {
outline: 2px solid var(--facet);
outline-offset: 2px;
}
#tos_prompt {
box-sizing: border-box;
padding: 0 16px 48px;
background-color: var(--velvet);
background-image: radial-gradient(ellipse 900px 520px at 50% -140px, rgba(31, 158, 109, 0.32), rgba(15, 107, 74, 0.1) 46%, rgba(7, 17, 13, 0) 72%), linear-gradient(180deg, #0a1913 0, var(--velvet) 700px);
color: var(--ivory);
scrollbar-color: var(--gold-deep) var(--velvet);
}
#tos_prompt h2.heading {
position: relative;
margin: 0 auto 26px;
padding: 64px 0 26px;
background: none;
border: 0;
text-align: center;
}
#tos_prompt h2.heading::before {
content: '';
position: absolute;
top: 24px;
left: 50%;
width: 30px;
height: 20px;
margin-left: -15px;
background: linear-gradient(135deg, #e7c878 0, #b8913d 3.8px, rgba(40, 26, 4, 0.9) 4.3px, rgba(40, 26, 4, 0) 4.9px), linear-gradient(225deg, #e7c878 0, #b8913d 3.8px, rgba(40, 26, 4, 0.9) 4.3px, rgba(40, 26, 4, 0) 4.9px), linear-gradient(315deg, #d2b062 0, #9c7a30 3.8px, rgba(40, 26, 4, 0.9) 4.3px, rgba(40, 26, 4, 0) 4.9px), linear-gradient(45deg, #d2b062 0, #9c7a30 3.8px, rgba(40, 26, 4, 0.9) 4.3px, rgba(40, 26, 4, 0) 4.9px), linear-gradient(#18905f, #18905f) 8px 6px, conic-gradient(from 0deg at 50% 50%, #3ccf93 0deg 56deg, #14714d 56deg 124deg, #083f2b 124deg 236deg, #1b8f62 236deg 304deg, #3ccf93 304deg 360deg);
background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 14px 8px, 100% 100%;
background-repeat: no-repeat;
box-shadow: 0 0 0 2px var(--gold), 0 0 18px 4px rgba(31, 158, 109, 0.5);
}
#tos_prompt h2.heading::after {
width: 220px;
margin-left: -110px;
}
#tos_prompt h2.heading span {
display: inline-block;
width: auto;
max-width: 100%;
padding: 0 0 0 0.3em;
background: var(--foil);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: var(--gold-light);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 25px;
font-weight: 400;
letter-spacing: 0.3em;
line-height: 1.3;
text-transform: uppercase;
text-wrap: balance;
filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.85));
}
#tos_prompt .agreement {
width: 42rem;
max-width: 100%;
margin: 0 auto;
padding: 30px 7% 24px;
}
#tos_prompt p {
color: var(--text);
font-size: 16px;
line-height: 1.7;
}
#tos_prompt p:first-of-type {
margin: 0 0 14px;
}
#tos_prompt p.confirmation {
display: flex;
align-items: flex-start;
margin: 18px 0 0;
padding: 16px 0 0;
background: var(--rule-soft) 0 0 no-repeat;
background-size: 100% 1px;
}
#tos_prompt p.confirmation input[type=checkbox] {
margin: 4px 14px 0 0;
}
#tos_prompt p.confirmation label {
padding: 0;
color: var(--ivory);
font-size: 15.5px;
line-height: 1.6;
cursor: pointer;
}
#tos_prompt form {
margin: 0;
}
#tos_prompt p.submit {
margin: 26px 0 6px;
padding: 0;
text-align: center;
}
#tos_prompt #accept_tos {
box-sizing: border-box;
display: inline-block;
height: auto;
max-width: 100%;
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-weight: 500;
line-height: 1.4;
text-align: center;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
text-transform: uppercase;
white-space: normal;
cursor: pointer;
border-radius: 0;
transition: background-color 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;
}
#tos_prompt #accept_tos[disabled] {
background: transparent;
border-color: rgba(185, 198, 193, 0.4);
box-shadow: inset 0 0 0 3px rgba(185, 198, 193, 0.06);
color: rgba(205, 214, 210, 0.75);
text-shadow: none;
cursor: not-allowed;
}
#outer #main.works-new > h2.heading,
#outer #main.works-edit > h2.heading,
#outer #main.works-search > h2.heading,
#outer #main.preferences-index > h2.heading,
#outer #main.pseuds-update > h2.heading,
#outer #main.pseuds-edit > h2.heading {
clear: none;
margin: 18px auto 10px;
background: var(--foil);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: var(--gold-light);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 34px;
font-style: italic;
letter-spacing: 0;
line-height: 1.15;
text-transform: none;
text-wrap: balance;
}
#outer #main.preferences-index > ul.navigation.actions,
#outer #main.pseuds-update > ul.navigation.actions,
#outer #main.pseuds-edit > ul.navigation.actions {
clear: none;
}
#outer #main #work-form {
max-width: 980px;
margin: 0 auto;
}
#outer #main #work-form dd.warning ul > li {
flex: 1 1 15em;
}
#outer #main #work-form dd.category ul > li {
flex-basis: 8em;
}
#outer #main #work-form fieldset.work.text textarea {
min-height: 24em;
font-size: 16px;
line-height: 1.7;
}
#outer #main #work-form > fieldset:last-of-type > p.notice {
max-width: 44em;
margin: 0 auto 8px;
}
#outer #main form.verbose.search,
#outer #main.preferences-index form.edit_preference {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
column-gap: 20px;
float: none;
width: auto;
}
#outer #main form.verbose.search > fieldset {
flex: 1 1 34em;
}
#outer #main form.edit_preference > fieldset {
flex: 1 1 26em;
}
#outer #main form.edit_preference > fieldset:last-of-type {
flex-basis: 100%;
margin-top: 18px;
padding: 0;
background: none;
}
#outer #main form.edit_preference > fieldset:last-of-type::before {
content: none;
}
#outer #main form.verbose.search > fieldset:last-of-type {
display: flex;
flex-direction: column;
}
#outer #main form.verbose.search > fieldset:last-of-type > p.submit {
margin-top: auto;
}
#outer #main form#new_work_search > fieldset:first-of-type > p.submit {
float: right;
margin: -12px 0 6px 12px;
}
#outer #main form#new_work_search > fieldset:first-of-type > p.submit input[type=submit] {
min-width: 0;
margin: 0;
padding: 8px 16px 7px;
font-size: 10.5px;
box-shadow: inset 0 0 0 1px #06140e, inset 0 0 0 2px rgba(216, 251, 233, 0.45), inset 0 0 0 4px rgba(12, 82, 54, 0.8), 0 0 14px rgba(31, 158, 109, 0.4), 0 2px 5px rgba(0, 0, 0, 0.55);
}
#outer #main form.edit_preference > fieldset > ul {
margin: 0;
padding: 0;
list-style: none;
}
#outer #main form.edit_preference > fieldset > ul > li {
margin: 0 0 9px;
}
#outer #main form.edit_preference dd:has(> span.actions) {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 10px;
}
#outer #main form.edit_preference dd > span.actions {
flex: 0 0 auto;
float: none;
margin: 0;
padding: 0;
}
#outer #main form.edit_preference dd:has(> span.actions) > select {
order: -1;
flex: 1 1 11em;
min-width: 0;
margin: 3px 0;
}
#outer #main.series-show dl.series.meta,
#outer #main.series-show dl.series.meta::before,
#outer #main.profile-show dl.meta,
#outer #main.profile-show dl.meta::before,
#outer #main.profile-show .bio.module > blockquote.userstuff,
#outer #main.works-navigate ol.chapter.index,
#outer #main.works-navigate ol.chapter.index::before,
#outer #main.subscriptions-index dl.subscription.index,
#outer #main.subscriptions-index dl.subscription.index::before,
#outer #main.people-search form.search > fieldset,
#outer #main.people-search form.search > fieldset::before,
#outer #main.tags-show div.child.listbox,
#outer #main.tags-show div.child.listbox::before,
#outer #main.readings-index li.reading div.user.module,
#outer #header.collection h2.collections,
#outer #header.collection h2.collections::before,
#outer #main table:not(.userstuff table) {
--oct: linear-gradient(135deg, transparent var(--cut), var(--fill) var(--cut2)) top left, linear-gradient(225deg, transparent var(--cut), var(--fill) var(--cut2)) top right, linear-gradient(315deg, transparent var(--cut), var(--fill) var(--cut2)) bottom right, linear-gradient(45deg, transparent var(--cut), var(--fill) var(--cut2)) bottom left;
--rim: linear-gradient(135deg, transparent var(--rcut), var(--rtl) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) top left, linear-gradient(225deg, transparent var(--rcut), var(--rtr) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) top right, linear-gradient(315deg, transparent var(--rcut), var(--rbr) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) bottom right, linear-gradient(45deg, transparent var(--rcut), var(--rbl) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) bottom left;
--cut: 13.6px;
--cut2: 14.1px;
--fill: var(--band);
--rcut: 14px;
--rcut2: 14.5px;
--rfill: var(--gold);
--rtl: #e1cc9b;
--rtr: #d6b977;
--rbr: #8b6f32;
--rbl: #ac8b3f;
--rdk: #9a7c38;
--rhi: #d9bf82;
}
#outer #main.series-show dl.series.meta,
#outer #main.profile-show dl.meta,
#outer #main.works-navigate ol.chapter.index,
#outer #main.subscriptions-index dl.subscription.index,
#outer #main.people-search form.search > fieldset,
#outer #main.tags-show div.child.listbox,
#outer #header.collection h2.collections {
position: relative;
z-index: 0;
box-sizing: border-box;
border: 1px solid transparent;
border-radius: 0;
box-shadow: none;
overflow: visible;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
}
#outer #main.series-show dl.series.meta::before,
#outer #main.profile-show dl.meta::before,
#outer #main.works-navigate ol.chapter.index::before,
#outer #main.subscriptions-index dl.subscription.index::before,
#outer #main.people-search form.search > fieldset::before,
#outer #main.tags-show div.child.listbox::before,
#outer #header.collection h2.collections::before {
content: '';
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
z-index: -1;
border: 1px solid transparent;
--rcut: 11.93px;
--rcut2: 12.4px;
--rfill: var(--gold-inner);
--rtl: #b0a48b;
--rtr: #938361;
--rbr: #4f3f1e;
--rbl: #604e26;
--rdk: #574621;
--rhi: #9c8d6d;
--cut: 11.51px;
--cut2: 12px;
--fill: var(--velvet-2);
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
}
#outer #main li.bookmark div.recent li.user.short.blurb,
#outer #main.readings-index li.reading div.user.module {
position: relative;
z-index: 0;
box-sizing: border-box;
border: 1px solid transparent;
border-radius: 0;
box-shadow: none;
--cut: 7.6px;
--cut2: 8.1px;
--fill: #0f2119;
--rcut: 8px;
--rcut2: 8.5px;
--rfill: var(--gold-inner);
--rtl: #b0a48b;
--rtr: #938361;
--rbr: #4f3f1e;
--rbl: #604e26;
--rdk: #574621;
--rhi: #9c8d6d;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
}
#outer #main.series-show > h2.heading,
#outer #main.people-search > h2.heading,
#outer #main.collections-index > h2.heading,
#outer #main.subscriptions-index > h2.heading,
#outer #main.readings-index > h2.heading,
#outer #main.skins-index > h2.heading {
clear: none;
padding: 0 0 28px;
background: var(--foil);
background-size: 100% 1.14em;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: var(--gold-light);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 34px;
font-style: italic;
font-weight: 400;
letter-spacing: 0;
line-height: 1.14;
text-transform: none;
text-wrap: balance;
}
#outer #main.skins-index > h2.heading:empty {
display: none;
}
#outer #main.collections-index > h3.heading:not(.landmark),
#outer #main.people-search > p {
margin: -2px 0 12px;
color: var(--muted);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10.5px;
font-weight: 500;
letter-spacing: 0.3em;
line-height: 1.6;
text-align: center;
text-transform: uppercase;
}
#outer #main.people-search > p strong {
font-weight: 500;
}
#outer #main.skins-index > ul.actions,
#outer #main.collections-show .listbox > ul.actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: 8px;
float: none;
clear: none;
margin: 6px 0 10px;
padding: 0;
}
#outer #main.skins-index > ul.navigation.actions,
#outer #main.subscriptions-index > ul.navigation.actions,
#outer #main.readings-index > ul.navigation.actions {
clear: none;
}
#outer #main.skins-index > ul.actions li,
#outer #main.collections-show .listbox > ul.actions li {
margin: 0;
padding: 0;
}
#outer #main .status span.rec,
#outer #main .status span.public,
#outer #main .status span.private,
#outer #main .status span.hidden {
background: none;
}
#outer #main li.bookmark .status span.public,
#outer #main li.user.short .status span.public {
display: none;
}
#outer #main li.bookmark .status span.private,
#outer #main li.bookmark .status span.hidden {
display: inline-block;
position: static;
width: auto;
height: auto;
box-shadow: none;
transform: none;
}
#outer #main li.bookmark p.status span.hidden,
#outer #main li.user.short p.status span.hidden {
display: inline-block !important;
}
#outer #main li.bookmark.blurb:has(> div.recent) {
flex-basis: 100%;
}
#outer #main li.bookmark div.recent {
position: relative;
clear: none;
margin: 16px 0 0;
padding: 18px 0 0;
background: var(--rule-soft) 0 0 no-repeat;
background-size: 100% 1px;
}
#outer #main li.bookmark div.recent::before {
content: '';
position: absolute;
top: -3px;
left: 50%;
width: 6px;
height: 6px;
margin-left: -3px;
background: conic-gradient(from -45deg, #d6b977 0 90deg, #8b6f32 90deg 180deg, #ac8b3f 180deg 270deg, #e1cc9b 270deg);
box-shadow: 0 0 0 3px var(--velvet-2);
transform: rotate(45deg);
}
#outer #main li.bookmark div.recent ul.bookmark.index {
display: flex;
flex-wrap: wrap;
column-gap: 12px;
float: none;
width: auto;
margin: 0;
padding: 0;
}
#outer #main li.bookmark div.recent li.user.short.blurb {
display: block;
flex: 1 1 15em;
min-width: 0;
margin: 0 0 12px;
padding: 11px 14px 10px;
filter: none;
color: var(--text);
}
#outer #main li.bookmark div.recent li.user.short.blurb::before,
#outer #main li.bookmark div.recent li.user.short.blurb::after {
content: none;
}
#outer #main li.bookmark div.recent li.own.user.short.blurb {
--rfill: var(--gold-rim);
--rtl: #c7b793;
--rtr: #b39d6b;
--rbr: #6c5627;
--rbl: #856b31;
--rdk: #775f2c;
--rhi: #b9a577;
}
#outer #main li.bookmark div.recent li.user.short.blurb:hover {
filter: none;
--rfill: var(--gold);
--rtl: #e1cc9b;
--rtr: #d6b977;
--rbr: #8b6f32;
--rbl: #ac8b3f;
--rdk: #9a7c38;
--rhi: #d9bf82;
}
#outer #main li.bookmark div.recent li.user.short div.header.module {
display: flex;
flex-wrap: wrap;
align-items: baseline;
column-gap: 8px;
min-height: 0;
margin: 0 0 6px;
padding: 0 0 7px;
background: var(--rule-soft) 0 100% no-repeat;
background-size: 100% 1px;
}
#outer #main li.bookmark div.recent li.user.short div.header.module::before,
#outer #main li.bookmark div.recent li.user.short div.header.module::after {
content: none;
}
#outer #main li.bookmark div.recent li.user.short h5.byline {
order: 3;
flex: 1 1 100%;
min-width: 0;
margin: 0;
color: var(--muted);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 9.5px;
font-weight: 500;
letter-spacing: 0.18em;
line-height: 1.6;
text-transform: uppercase;
}
#outer #main li.bookmark div.recent li.user.short h5.byline a {
color: var(--gold-light);
font-size: 10.5px;
}
#outer #main li.bookmark div.recent li.user.short h5.byline a:hover {
color: var(--glint);
}
#outer #main li.bookmark div.recent li.user.short .header p.datetime {
order: 2;
position: static;
margin: 0 0 0 auto;
color: var(--muted);
font-size: 9px;
letter-spacing: 0.18em;
white-space: nowrap;
}
#outer #main li.bookmark div.recent li.user.short p.status {
order: 1;
position: static;
display: block;
width: auto;
margin: 0;
line-height: 1;
}
#outer #main li.bookmark div.recent li.user.short .status span.rec,
#outer #main li.bookmark div.recent li.user.short .status span.private,
#outer #main li.bookmark div.recent li.user.short .status span.hidden,
#outer #main ol.bookmark > li.user.short .status span.rec,
#outer #main ol.bookmark > li.user.short .status span.private,
#outer #main ol.bookmark > li.user.short .status span.hidden {
display: inline-flex;
align-items: center;
width: auto;
height: auto;
background: none;
box-shadow: none;
transform: none;
}
#outer #main li.bookmark div.recent li.user.short .status span.rec::before,
#outer #main ol.bookmark > li.user.short .status span.rec::before {
content: '';
display: block;
width: 5px;
height: 5px;
margin: 0 1px 0 2px;
background: conic-gradient(from -45deg, #f3dfa7 0 90deg, #a5915d 90deg 180deg, #cdb575 180deg 270deg, #f6e7bf 270deg);
transform: rotate(45deg);
}
#outer #main li.bookmark div.recent li.user.short .status span.rec .text,
#outer #main li.bookmark div.recent li.user.short .status span.private .text,
#outer #main li.bookmark div.recent li.user.short .status span.hidden .text,
#outer #main ol.bookmark > li.user.short .status span.rec .text,
#outer #main ol.bookmark > li.user.short .status span.private .text,
#outer #main ol.bookmark > li.user.short .status span.hidden .text {
position: static;
display: inline;
width: auto;
height: auto;
margin: 0 0 0 7px;
padding: 0;
overflow: visible;
clip: auto;
border: 0;
background: none;
color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 9px;
font-weight: 600;
letter-spacing: 0.2em;
line-height: 1.4;
text-transform: uppercase;
}
#outer #main li.bookmark div.recent li.user.short .status span.private .text,
#outer #main li.bookmark div.recent li.user.short .status span.hidden .text,
#outer #main ol.bookmark > li.user.short .status span.private .text,
#outer #main ol.bookmark > li.user.short .status span.hidden .text {
margin: 0;
color: var(--sage);
font-weight: 500;
}
#outer #main ol.bookmark > li.user.short.blurb {
flex: 1 1 34%;
min-width: 300px;
}
#outer #main ol.bookmark:has(> li.user.short.blurb)::after {
content: '';
display: block;
flex: 1 1 34%;
min-width: 300px;
height: 0;
margin: 0;
padding: 0;
visibility: hidden;
}
#outer #main ol.bookmark > li.user.short.blurb div.header.module {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 14px;
min-height: 0;
margin: 0 0 12px;
padding: 0 0 16px;
}
#outer #main ol.bookmark > li.user.short.blurb h5.byline {
order: 1;
flex: 0 1 auto;
min-width: 0;
margin: 0;
padding: 0;
color: var(--muted);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 9.5px;
font-weight: 500;
letter-spacing: 0.2em;
line-height: 1.6;
text-transform: uppercase;
}
#outer #main ol.bookmark > li.user.short.blurb h5.byline a {
margin-left: 4px;
color: var(--ivory);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 22px;
font-style: italic;
letter-spacing: 0;
line-height: 1.2;
text-transform: none;
transition: color 0.2s ease;
}
#outer #main ol.bookmark > li.user.short.blurb h5.byline a:hover,
#outer #main ol.bookmark > li.user.short.blurb h5.byline a:focus {
color: var(--glint);
}
#outer #main ol.bookmark > li.user.short.blurb p.status {
order: 2;
position: static;
display: block;
width: auto;
margin: 0;
line-height: 1;
}
#outer #main ol.bookmark > li.user.short.blurb p.status a {
display: inline;
width: auto;
height: auto;
border: 0;
}
#outer #main li.bookmark div.recent li.user.short h6.meta.heading,
#outer #main ol.bookmark > li.user.short h6.meta.heading,
#outer #main .bookmark div.user h6.meta.heading {
display: inline;
margin: 0 8px 0 0;
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 9px;
font-weight: 500;
letter-spacing: 0.2em;
line-height: 1.8;
text-transform: uppercase;
}
#outer #main .bookmark ul.meta + h6.meta.heading::before {
content: '\A';
white-space: pre;
}
#outer #main li.bookmark div.recent li.user.short ul.meta,
#outer #main ol.bookmark > li.user.short ul.meta,
#outer #main .bookmark div.user ul.meta {
display: inline;
margin: 0;
padding: 0;
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 13.5px;
line-height: 1.8;
}
#outer #main li.bookmark div.recent li.user.short ul.meta li,
#outer #main ol.bookmark > li.user.short ul.meta li,
#outer #main .bookmark div.user ul.meta li {
display: inline;
margin: 0;
padding: 0;
}
#outer #main li.bookmark div.recent li.user.short ul.meta li::after,
#outer #main ol.bookmark > li.user.short ul.meta li::after,
#outer #main .bookmark div.user ul.meta li::after {
content: '\25C6\200B';
display: inline;
margin: 0 5px 0 8px;
color: #8a6c2a;
font-size: 7px;
vertical-align: 2px;
}
#outer #main li.bookmark div.recent li.user.short ul.meta li:last-child::after,
#outer #main ol.bookmark > li.user.short ul.meta li:last-child::after,
#outer #main .bookmark div.user ul.meta li:last-child::after {
content: none;
}
#outer #main li.bookmark div.recent li.user.short ul.meta a,
#outer #main ol.bookmark > li.user.short ul.meta a,
#outer #main .bookmark div.user ul.meta a {
color: var(--gold-light);
border: 0;
}
#outer #main li.bookmark div.recent li.user.short ul.meta a:hover,
#outer #main ol.bookmark > li.user.short ul.meta a:hover,
#outer #main .bookmark div.user ul.meta a:hover {
color: var(--glint);
}
#outer #main li.bookmark div.recent li.user.short blockquote.userstuff,
#outer #main ol.bookmark > li.user.short blockquote.userstuff {
margin: 7px 0 4px;
padding: 0 0 0 13px;
border: 0;
background: linear-gradient(180deg, var(--gold), rgba(200, 162, 74, 0.1)) 0 4px no-repeat;
background-size: 1px 90%;
color: #e3dac2;
font-size: 14.5px;
font-style: italic;
line-height: 1.55;
}
#outer #main li.bookmark div.recent li.user.short blockquote.userstuff p,
#outer #main ol.bookmark > li.user.short blockquote.userstuff p {
margin: 0 0 0.5em;
}
#outer #main li.bookmark div.recent li.user.short blockquote.userstuff p:last-child,
#outer #main ol.bookmark > li.user.short blockquote.userstuff p:last-child {
margin: 0;
}
#outer #main li.bookmark div.recent li.user.short > ul.actions,
#outer #main ol.bookmark > li.user.short > ul.actions {
justify-content: flex-end;
column-gap: 5px;
margin: 0;
padding: 6px 0 0;
}
#outer #main li.bookmark div.recent li.user.short > ul.actions a,
#outer #main ol.bookmark > li.user.short > ul.actions a,
#outer #main.readings-index li.reading div.user.module input[type=submit] {
padding: 6px 10px 5px;
font-size: 9.5px;
letter-spacing: 0.16em;
}
#outer #main li.bookmark.blurb > ul.actions:last-child {
margin: 2px 0 0;
}
#outer #main li.blurb > p.notice {
position: relative;
margin: 10px 0 0;
padding: 0 0 0 20px;
text-align: left;
border: 0;
background: none;
color: var(--sage);
font-size: 13.5px;
font-style: italic;
line-height: 1.5;
}
#outer #main li.blurb > p.notice::before {
content: '';
position: absolute;
top: 7px;
left: 3px;
width: 5px;
height: 5px;
background: conic-gradient(from -45deg, #d6b977 0 90deg, #8b6f32 90deg 180deg, #ac8b3f 180deg 270deg, #e1cc9b 270deg);
transform: rotate(45deg);
}
#outer #main.series-show dl.series.meta {
display: grid;
grid-template-columns: auto 1fr;
column-gap: 4%;
float: none;
clear: both;
max-width: 860px;
margin: 22px auto 30px;
padding: 34px 5% 24px 3%;
--cut: 17.6px;
--cut2: 18.1px;
--rcut: 18px;
--rcut2: 18.5px;
}
#outer #main.series-show dl.series.meta::before {
top: 6px;
left: 6px;
right: 6px;
bottom: 6px;
--rcut: 15.5px;
--rcut2: 16px;
--cut: 15.1px;
--cut2: 15.6px;
}
#outer #main.series-show dl.series.meta::after {
content: none;
}
#outer #main.series-show dl.series.meta > dt,
#outer #main.series-show dl.series.meta > dd,
#outer #main.profile-show dl.meta > dt,
#outer #main.profile-show dl.meta > dd {
float: none;
width: auto;
min-width: 0;
max-width: 100%;
margin: 0;
padding: 7px 0;
border: 0;
overflow-wrap: break-word;
}
#outer #main.series-show dl.series.meta > dt,
#outer #main.profile-show dl.meta > dt {
padding-top: 10px;
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 9.5px;
font-weight: 500;
letter-spacing: 0.16em;
line-height: 1.5;
text-align: right;
text-transform: uppercase;
white-space: nowrap;
}
#outer #main.series-show dl.series.meta > dd,
#outer #main.profile-show dl.meta > dd {
color: var(--ivory);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 14.5px;
line-height: 1.55;
font-variant-numeric: lining-nums;
background: var(--rule-soft) 0 100% no-repeat;
background-size: 100% 1px;
}
#outer #main.series-show dl.series.meta > dd:last-of-type,
#outer #main.profile-show dl.meta > dd:last-of-type {
background: none;
}
#outer #main.series-show dl.series.meta dd a,
#outer #main.profile-show dl.meta dd a {
color: var(--gold-light);
}
#outer #main.series-show dl.series.meta dd a:hover,
#outer #main.profile-show dl.meta dd a:hover {
color: var(--glint);
}
#outer #main.series-show dl.series.meta dd blockquote.userstuff {
margin: 0;
padding: 0;
border: 0;
color: #d6ccb3;
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 15.5px;
line-height: 1.65;
}
#outer #main.series-show dl.series.meta dd blockquote.userstuff p {
margin: 0 0 0.6em;
}
#outer #main.series-show dl.series.meta dd blockquote.userstuff p:last-child {
margin: 0;
}
#outer #main.series-show dl.series.meta dl.stats {
display: block;
margin: 0;
padding: 0;
background: none;
text-align: left;
white-space: normal;
}
#outer #main.series-show dl.series.meta dl.stats dt {
font-size: 8.5px;
}
#outer #main.series-show dl.series.meta dl.stats dt::before {
content: none;
}
#outer #main.series-show dl.series.meta dl.stats dd {
margin-left: 5px;
font-size: 14px;
}
#outer #main.series-show dl.series.meta dl.stats dd::after {
letter-spacing: 1.3em;
}
#outer #main.works-navigate > h2.heading {
padding-bottom: 30px;
}
#outer #main.works-navigate > h2.heading > a:first-of-type {
display: block;
margin: 8px 0 4px;
background: var(--foil);
background-size: 100% 1.14em;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: var(--gold-light);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 36px;
font-style: italic;
letter-spacing: 0;
line-height: 1.14;
text-transform: none;
text-wrap: balance;
}
#outer #main.works-navigate > h2.heading > a:first-of-type:hover {
-webkit-text-fill-color: var(--glint);
}
#outer #main.works-navigate > h2.heading > a[rel=author] {
color: var(--gold-light);
}
#outer #main.works-navigate ol.chapter.index {
float: none;
width: auto;
max-width: 720px;
margin: 12px auto 34px;
padding: 24px 6% 22px;
list-style: none;
}
#outer #main.works-navigate ol.chapter.index li {
display: flex;
align-items: baseline;
column-gap: 12px;
margin: 0;
padding: 8px 0 7px;
}
#outer #main.works-navigate ol.chapter.index li::after {
content: '';
order: 2;
flex: 1 1 20px;
min-width: 20px;
height: 3px;
background: radial-gradient(circle at 1.5px 1.5px, rgba(200, 162, 74, 0.7) 0, rgba(200, 162, 74, 0.7) 0.8px, rgba(200, 162, 74, 0) 1.3px) 0 0 repeat-x;
background-size: 6px 3px;
}
#outer #main.works-navigate ol.chapter.index li > a {
order: 1;
flex: 0 1 auto;
min-width: 0;
color: var(--ivory);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 19px;
font-style: italic;
line-height: 1.3;
transition: color 0.2s ease;
}
#outer #main.works-navigate ol.chapter.index li > a::before {
content: '';
display: inline-block;
width: 5px;
height: 5px;
margin: 0 14px 0 2px;
vertical-align: 4px;
background: conic-gradient(from -45deg, #d6b977 0 90deg, #8b6f32 90deg 180deg, #ac8b3f 180deg 270deg, #e1cc9b 270deg);
transform: rotate(45deg);
transition: background 0.2s ease;
}
#outer #main.works-navigate ol.chapter.index li > a:visited {
color: #d9d0b8;
}
#outer #main.works-navigate ol.chapter.index li > a:hover,
#outer #main.works-navigate ol.chapter.index li > a:focus {
color: var(--glint);
}
#outer #main.works-navigate ol.chapter.index li > a:hover::before {
background: conic-gradient(from -45deg, #f3dfa7 0 90deg, #a5915d 90deg 180deg, #cdb575 180deg 270deg, #f6e7bf 270deg);
}
#outer #main.works-navigate ol.chapter.index li > .datetime {
order: 3;
flex: 0 0 auto;
color: var(--muted);
font-size: 10px;
letter-spacing: 0.14em;
white-space: nowrap;
}
#outer #main.profile-show .user.profile > h3.heading {
position: relative;
margin: 26px 0 10px;
padding: 0 0 22px;
color: var(--ivory);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 26px;
font-style: italic;
font-weight: 400;
line-height: 1.2;
text-align: center;
text-wrap: balance;
}
#outer #main.profile-show .user.profile > h3.heading::after {
content: '';
position: absolute;
bottom: 2px;
left: 50%;
width: 150px;
height: 11px;
margin-left: -75px;
background: linear-gradient(to bottom right, transparent 50%, #e1cc9b 50%) 70px 0 no-repeat, linear-gradient(to bottom left, transparent 50%, #d6b977 50%) 75px 0 no-repeat, linear-gradient(to top left, transparent 50%, #8b6f32 50%) 75px 5.5px no-repeat, linear-gradient(to top right, transparent 50%, #ac8b3f 50%) 70px 5.5px no-repeat, linear-gradient(90deg, rgba(200, 162, 74, 0), var(--gold) 40%, rgba(200, 162, 74, 0) 40.01%, rgba(200, 162, 74, 0) 59.99%, var(--gold) 60%, rgba(200, 162, 74, 0)) 0 5px no-repeat;
background-size: 5px 5.5px, 5px 5.5px, 5px 5.5px, 5px 5.5px, 100% 1px;
}
#outer #main.profile-show div.wrapper {
margin: 0;
padding: 0;
}
#outer #main.profile-show dl.meta {
display: grid;
grid-template-columns: auto 1fr;
column-gap: 5%;
float: none;
clear: none;
max-width: 640px;
margin: 16px auto 28px;
padding: 24px 6% 18px 4%;
}
#outer #main.profile-show .bio.module {
float: none;
max-width: 820px;
margin: 0 auto 10px;
padding: 0;
}
#outer #main.profile-show .bio.module > h3.heading {
display: flex;
align-items: center;
column-gap: 14px;
margin: 8px 0 12px;
padding: 0;
border: 0;
color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.34em;
text-transform: uppercase;
}
#outer #main.profile-show .bio.module > h3.heading::before,
#outer #main.profile-show .bio.module > h3.heading::after {
content: '';
flex: 1 1 auto;
height: 1px;
background: linear-gradient(90deg, rgba(200, 162, 74, 0), rgba(200, 162, 74, 0.6));
}
#outer #main.profile-show .bio.module > h3.heading::after {
background: linear-gradient(90deg, rgba(200, 162, 74, 0.6), rgba(200, 162, 74, 0));
}
#outer #main.profile-show .bio.module > blockquote.userstuff {
position: relative;
box-sizing: border-box;
margin: 0;
padding: 30px 7% 26px;
border: 1px solid transparent;
--cut: 13.6px;
--cut2: 14.1px;
--fill: #0b1913;
--rcut: 14px;
--rcut2: 14.5px;
--rfill: var(--gold-rim);
--rtl: #c7b793;
--rtr: #b39d6b;
--rbr: #6c5627;
--rbl: #856b31;
--rdk: #775f2c;
--rhi: #b9a577;
background: radial-gradient(ellipse 300px 150px at 50% 0, rgba(31, 158, 109, 0.13), rgba(31, 158, 109, 0) 100%), var(--oct), var(--rim);
background-size: 100% 100%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
color: var(--text);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 16.5px;
line-height: 1.75;
}
#outer #main.profile-show .bio.module > blockquote.userstuff p {
margin: 0 0 0.9em;
}
#outer #main.profile-show .bio.module > blockquote.userstuff p:last-child {
margin: 0;
}
#outer #main li.picture.blurb div.header.module > div.icon,
#outer #main li.pseud.blurb div.header.module > div.icon,
#outer #main li.blurb div.mystery.header > div.icon {
position: absolute;
top: 0;
left: 0;
float: none;
box-sizing: border-box;
width: 56px;
height: 56px;
margin: 0;
padding: 3px;
border: 0;
background: var(--velvet);
box-shadow: 0 0 0 1px var(--gold), 0 6px 14px rgba(0, 0, 0, 0.55);
}
#outer #main li.picture.blurb div.header.module > div.icon a,
#outer #main li.picture.blurb div.header.module > div.icon img,
#outer #main li.pseud.blurb div.header.module > div.icon a,
#outer #main li.pseud.blurb div.header.module > div.icon img {
position: static;
display: block;
width: 50px;
height: 50px;
margin: 0;
border: 0;
}
#outer #main li.picture.blurb div.header.module > div.icon img,
#outer #main li.pseud.blurb div.header.module > div.icon img {
box-shadow: 0 0 0 1px var(--gold-inner);
}
#outer #main li.picture.blurb div.header.module > div.icon:empty,
#outer #main li.blurb div.mystery.header > div.icon:empty {
background: linear-gradient(135deg, transparent 48.5%, #c8a24a 48.5% 51.5%, transparent 51.5%) 0 0, linear-gradient(45deg, transparent 48.5%, #c8a24a 48.5% 51.5%, transparent 51.5%) 100% 0, linear-gradient(135deg, transparent 48.5%, #c8a24a 48.5% 51.5%, transparent 51.5%) 100% 100%, linear-gradient(45deg, transparent 48.5%, #c8a24a 48.5% 51.5%, transparent 51.5%) 0 100%, radial-gradient(circle at 50% 50%, #f3dc98 0, #d8b560 5%, rgba(216, 181, 96, 0) 5.5%) 0 0, radial-gradient(circle at 50% 50%, rgba(31, 158, 109, 0.14) 0, rgba(31, 158, 109, 0) 60%) 0 0, linear-gradient(180deg, #0d1f17, #0a1611) 0 0 content-box, var(--velvet) border-box;
background-size: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
background-origin: content-box;
background-clip: content-box, content-box, content-box, content-box, content-box, content-box, content-box, border-box;
background-repeat: no-repeat;
}
#outer #header #greeting img.icon[src*="icon_user"],
#outer #main .comment div.icon img.icon[src*="icon_user"],
#outer #main div.primary.header.module > p.icon img[src*="icon_user"],
#outer #main ul.notes img.icon[src*="icon_user"],
#outer #main li.picture.blurb div.header.module > div.icon img[src*="icon_user"],
#outer #main li.pseud.blurb div.header.module > div.icon img[src*="icon_user"] {
box-sizing: border-box;
background: linear-gradient(135deg, transparent 48.5%, #c8a24a 48.5% 51.5%, transparent 51.5%) 0 0, linear-gradient(45deg, transparent 48.5%, #c8a24a 48.5% 51.5%, transparent 51.5%) 100% 0, linear-gradient(135deg, transparent 48.5%, #c8a24a 48.5% 51.5%, transparent 51.5%) 100% 100%, linear-gradient(45deg, transparent 48.5%, #c8a24a 48.5% 51.5%, transparent 51.5%) 0 100%, radial-gradient(circle at 50% 50%, #f3dc98 0, #d8b560 5%, rgba(216, 181, 96, 0) 5.5%) 0 0, radial-gradient(circle at 50% 50%, rgba(31, 158, 109, 0.14) 0, rgba(31, 158, 109, 0) 60%) 0 0, linear-gradient(180deg, #0d1f17, #0a1611) 0 0;
background-size: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 100% 100%, 100% 100%, 100% 100%;
background-repeat: no-repeat;
}
#outer #header #greeting img.icon[src*="icon_user"] {
padding: 0 0 0 26px;
}
#outer #main .comment div.icon img.icon[src*="icon_user"],
#outer #main li.picture.blurb div.header.module > div.icon img[src*="icon_user"],
#outer #main li.pseud.blurb div.header.module > div.icon img[src*="icon_user"] {
padding: 0 0 0 50px;
}
#outer #main div.primary.header.module > p.icon img[src*="icon_user"] {
padding: 0 0 0 88px;
}
#outer #main ul.notes img.icon[src*="icon_user"] {
padding: 0 0 0 72px;
}
#outer #main li.picture.blurb div.header.module,
#outer #main li.pseud.blurb div.header.module {
border-bottom: 0;
}
#outer #main li.blurb div.mystery.header h4.heading {
color: var(--ivory);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 21px;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
#outer #main li.picture.blurb h4.heading > span.name {
color: var(--muted);
letter-spacing: 0.1em;
text-transform: none;
}
#outer #main.skins-index > p.notes {
float: none;
clear: none;
max-width: 44em;
margin: 12px auto 4px;
padding: 0;
color: var(--sage);
font-size: 14.5px;
font-style: italic;
line-height: 1.6;
text-align: center;
}
#outer #main.skins-index > ul.actions {
margin: 14px 0 6px;
}
#outer #main li.skins.blurb div.header.module p {
margin-left: 0;
}
#outer #main li.skins.blurb p.status {
position: relative;
margin: 5px 0 0;
padding: 0 0 0 16px;
border: 0;
background: none;
color: #e9cf8e;
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 13px;
font-style: italic;
line-height: 1.45;
}
#outer #main li.skins.blurb p.status::before {
content: '';
position: absolute;
top: 6px;
left: 2px;
width: 5px;
height: 5px;
background: conic-gradient(from -45deg, #d6b977 0 90deg, #8b6f32 90deg 180deg, #ac8b3f 180deg 270deg, #e1cc9b 270deg);
transform: rotate(45deg);
}
#outer #main li.skins.blurb p.status.declined {
color: #f1a9b4;
}
#outer #main li.skins.blurb blockquote.summary:not(:has(p)) {
color: var(--muted);
font-style: italic;
}
#outer #main li.skins.blurb:has(input[value="Stop Using"]) {
--rfill: var(--gold-light);
--rtl: #f6e7bf;
--rtr: #f3dfa7;
--rbr: #a5915d;
--rbl: #cdb575;
--rdk: #b7a168;
--rhi: #f4e1ae;
filter: drop-shadow(0 0 14px rgba(31, 158, 109, 0.3));
}
#outer #main li.skins.blurb:has(input[value="Stop Using"])::after {
opacity: 1;
transform: translateY(0);
}
#outer #main li.skins.blurb > ul.actions li,
#outer #main li.collection.blurb > ul.actions li,
#outer #main li.bookmark.blurb > ul.actions li,
#outer #main li.blurb > ul.actions form {
margin: 0;
padding: 0;
}
#outer #main.people-search form.search {
float: none;
clear: both;
max-width: 820px;
margin: 14px auto 24px;
padding: 0;
border: 0;
background: none;
box-shadow: none;
}
#outer #main.people-search form.search > fieldset {
margin: 0;
padding: 24px 5% 18px;
}
#outer #main.people-search form.search dl {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 18px;
float: none;
margin: 0;
padding: 0;
}
#outer #main.people-search form.search dt,
#outer #main.people-search form.search dd {
float: none;
clear: none;
width: auto;
min-width: 0;
margin: 0;
padding: 7px 0;
border: 0;
background: none;
}
#outer #main.people-search form.search dt {
flex: 1 1 150px;
padding-bottom: 2px;
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.2em;
line-height: 1.5;
text-transform: uppercase;
}
#outer #main.people-search form.search dd {
flex: 1 1 62%;
}
#outer #main.people-search form.search dt label {
color: var(--gold);
}
#outer #main.people-search form.search dd input[type=text] {
width: 100%;
}
#outer #main.people-search form.search p.submit {
float: none;
margin: 10px 0 0;
padding: 0;
text-align: right;
}
#outer #main li.pseud.blurb h5.heading {
margin: 4px 0 0;
color: var(--muted);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 1.5;
}
#outer #main li.pseud.blurb h5.heading a {
color: var(--gold-light);
}
#outer #main li.pseud.blurb h5.heading a:hover {
color: var(--glint);
}
#outer #main li.pseud.blurb > blockquote.userstuff {
margin: 10px 0 0;
padding: 0;
border: 0;
color: #d6ccb3;
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 14.5px;
line-height: 1.6;
text-align: left;
}
#outer #main li.pseud.blurb > blockquote.userstuff p {
margin: 0 0 0.5em;
}
#outer #main li.pseud.blurb > blockquote.userstuff p:empty {
display: none;
}
#outer #main li.collection.blurb h5.tags.heading {
margin: 2px 0 0;
color: var(--mint);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 14px;
font-style: italic;
font-weight: 400;
line-height: 1.4;
}
#outer #main li.collection.blurb h5.tags.heading a.tag {
color: var(--mint);
border: 0;
background: none;
}
#outer #main li.collection.blurb h5.tags.heading a.tag:hover {
color: var(--glint);
}
#outer #main li.collection.blurb > p.type {
margin: 4px 0 12px;
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 9.5px;
font-weight: 500;
letter-spacing: 0.18em;
line-height: 1.7;
text-transform: uppercase;
}
#outer #main ol.pagination li.gap {
width: 30px;
height: 34px;
margin: 4px 0;
overflow: hidden;
background: radial-gradient(circle at 7px 17px, var(--gold-light) 0, var(--gold) 1.8px, rgba(200, 162, 74, 0) 2.6px), radial-gradient(circle at 15px 17px, var(--gold-light) 0, var(--gold) 1.8px, rgba(200, 162, 74, 0) 2.6px), radial-gradient(circle at 23px 17px, var(--gold-light) 0, var(--gold) 1.8px, rgba(200, 162, 74, 0) 2.6px);
color: transparent;
font-size: 0;
}
#outer #header.collection h2.collections {
order: 4;
align-self: center;
clear: none;
max-width: 92%;
margin: 16px auto 0;
padding: 13px 40px 12px;
color: var(--gold-light);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 24px;
font-style: italic;
font-weight: 400;
letter-spacing: 0.01em;
line-height: 1.25;
text-align: center;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.85), 0 0 16px rgba(239, 212, 138, 0.28);
text-wrap: balance;
}
#outer #main.collections-show div.primary.header.module {
padding: 22px 26px 18px;
}
#outer #main.collections-show div.primary.header.module > div.icon {
position: static;
order: 1;
flex: 0 0 auto;
box-sizing: border-box;
width: 96px;
height: 96px;
margin: 0;
padding: 4px;
background: var(--velvet);
box-shadow: 0 0 0 1px var(--gold), 0 6px 14px rgba(0, 0, 0, 0.55);
}
#outer #main.collections-show div.primary.header.module > div.icon img {
position: static;
display: block;
width: 88px;
height: 88px;
border: 0;
box-shadow: 0 0 0 1px var(--gold-inner);
}
#outer #main.collections-show div.primary.header.module > h2.heading {
flex-basis: 12em;
font-size: 30px;
}
#outer #main.collections-show div.primary.header.module > blockquote.userstuff,
#outer #main.collections-show div.primary.header.module > p.type {
order: 4;
flex: 1 1 100%;
clear: none;
margin: 14px 0 0;
padding: 0;
border: 0;
}
#outer #main.collections-show div.primary.header.module > blockquote.userstuff {
color: #d6ccb3;
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 15px;
line-height: 1.6;
}
#outer #main.collections-show div.primary.header.module > blockquote.userstuff p {
margin: 0 0 0.5em;
}
#outer #main.collections-show div.primary.header.module > p.type {
order: 5;
margin: 4px 0 0;
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 9.5px;
font-weight: 500;
letter-spacing: 0.18em;
text-transform: uppercase;
}
#outer #main.collections-show div.primary.header.module > ul.navigation.actions {
order: 6;
flex: 1 1 100%;
margin: 12px 0 0;
}
#outer #main.subscriptions-index dl.subscription.index {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 18px;
float: none;
max-width: 900px;
margin: 18px auto 30px;
padding: 16px 4% 16px;
}
#outer #main.subscriptions-index dl.subscription.index > dt {
flex: 1 1 55%;
min-width: 0;
float: none;
width: auto;
margin: 0;
padding: 13px 0 12px;
border: 0;
color: var(--muted);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 9.5px;
font-weight: 500;
letter-spacing: 0.18em;
line-height: 1.7;
text-transform: uppercase;
}
#outer #main.subscriptions-index dl.subscription.index > dt::before {
content: '';
position: absolute;
left: 4%;
right: 4%;
height: 1px;
margin-top: -13px;
background: var(--rule-soft);
}
#outer #main.subscriptions-index dl.subscription.index > dt:first-of-type::before {
content: none;
}
#outer #main.subscriptions-index dl.subscription.index > dt > a:first-child {
margin: 0 8px 0 0;
color: var(--ivory);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 19px;
font-style: italic;
letter-spacing: 0;
line-height: 1.3;
text-transform: none;
}
#outer #main.subscriptions-index dl.subscription.index > dt > a:first-child:hover {
color: var(--glint);
}
#outer #main.subscriptions-index dl.subscription.index > dt > a[rel=author] {
color: var(--gold-light);
}
#outer #main.subscriptions-index dl.subscription.index > dt > a[rel=author]:hover {
color: var(--glint);
}
#outer #main.subscriptions-index dl.subscription.index > dd {
flex: 0 1 auto;
min-width: 0;
float: none;
clear: none;
width: auto;
margin: 0 0 0 auto;
padding: 8px 0;
background: none;
overflow: visible;
}
#outer #main.subscriptions-index dl.subscription.index > dd::after {
content: none;
}
#outer #main.subscriptions-index dl.subscription.index form,
#outer #main.subscriptions-index dl.subscription.index fieldset {
margin: 0;
padding: 0;
border: 0;
background: none;
box-shadow: none;
}
#outer #main.subscriptions-index dl.subscription.index input[type=submit] {
max-width: 100%;
margin: 0;
padding: 7px 12px 6px;
font-size: 9.5px;
letter-spacing: 0.14em;
white-space: normal;
}
#outer #main.readings-index li.reading div.user.module {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
column-gap: 10px;
float: none;
width: auto;
margin: 14px 0 0;
padding: 9px 12px 9px 16px;
}
#outer #main.readings-index li.reading h4.viewed.heading {
flex: 1 1 13em;
min-width: 0;
margin: 0;
padding: 2px 0;
background: none;
color: var(--text);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 13.5px;
font-style: italic;
font-weight: 400;
letter-spacing: 0;
line-height: 1.5;
text-transform: none;
}
#outer #main.readings-index li.reading h4.viewed.heading > span {
margin: 0 6px 0 0;
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 9px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
}
#outer #main.readings-index li.reading div.user.module ul.actions {
flex: 0 0 auto;
float: none;
margin: 0 0 0 auto;
padding: 0;
}
#outer #main.readings-index li.reading div.user.module ul.actions li,
#outer #main.readings-index li.reading div.user.module form {
display: inline;
margin: 0;
padding: 0;
}
#outer #main.readings-index li.deleted.blurb {
justify-content: center;
}
#outer #main.readings-index li.deleted div.user.module {
flex-direction: column;
justify-content: center;
margin: 0;
padding: 58px 0 0;
background: radial-gradient(ellipse 40% 30% at 50% 45%, #1e3a2d, #0a120e 80%) 50% 6px no-repeat, var(--bezel) 50% 2px no-repeat;
background-size: 34px 34px, 42px 42px;
border: 0;
text-align: center;
}
#outer #main.readings-index li.deleted h4.viewed.heading {
flex: 0 0 auto;
margin: 0 0 10px;
color: var(--sage);
}
#outer #main.readings-index li.deleted div.user.module ul.actions {
margin: 0;
}
#outer #main.tags-show div.primary.header.module > div.icon {
display: none;
}
#outer #main.tags-show .tag.profile > p {
max-width: 50em;
margin: 0 auto 18px;
padding: 0;
color: var(--sage);
font-size: 15px;
font-style: italic;
line-height: 1.65;
text-align: center;
}
#outer #main.tags-show .tag.profile > p a {
color: var(--gold-light);
font-style: normal;
}
#outer #main.tags-show .tag.profile > p a:hover {
color: var(--glint);
}
#outer #main.tags-show ul.tags.commas {
margin: 0;
padding: 0 0 4px;
background: none;
box-shadow: none;
line-height: 1.85;
text-align: center;
}
#outer #main.tags-show ul.tags.commas li {
display: inline;
margin: 0;
padding: 0;
}
#outer #main.tags-show ul.tags.commas li::after {
content: '\25C6\200B';
display: inline;
margin: 0 6px 0 9px;
color: #8a6c2a;
font-size: 7px;
vertical-align: 2px;
}
#outer #main.tags-show ul.tags.commas li:last-child::after {
content: none;
}
#outer #main.tags-show .listbox a.tag {
padding: 0;
border: 0;
background: none;
color: var(--ivory);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 14.5px;
line-height: 1.85;
}
#outer #main.tags-show .listbox a.tag:hover {
color: var(--glint);
text-decoration: underline;
text-decoration-color: rgba(125, 226, 180, 0.6);
text-underline-offset: 0.22em;
}
#outer #main.tags-show .relationships.listbox a.tag {
color: var(--gold-light);
font-weight: 600;
}
#outer #main.tags-show .freeforms.listbox a.tag {
color: var(--sage);
}
#outer #main.tags-show ul.tags.tree {
margin: 0 auto;
padding: 0 0 4px;
max-width: 40em;
background: none;
box-shadow: none;
}
#outer #main.tags-show ul.tags.tree li {
display: block;
margin: 0;
padding: 1px 0;
}
#outer #main.tags-show ul.tags.tree ul.tags.tree {
position: relative;
margin: 0 0 0 4px;
padding: 0 0 0 22px;
background: linear-gradient(180deg, var(--gold), rgba(200, 162, 74, 0.3)) 0 0 no-repeat;
background-size: 1px 100%;
}
#outer #main.tags-show ul.tags.tree a.tag::before {
content: '';
display: inline-block;
width: 5px;
height: 5px;
margin: 0 12px 0 1px;
vertical-align: 3px;
background: conic-gradient(from -45deg, #d6b977 0 90deg, #8b6f32 90deg 180deg, #ac8b3f 180deg 270deg, #e1cc9b 270deg);
transform: rotate(45deg);
}
#outer #main.tags-show ul.tags.tree ul.tags.tree a.tag::before {
width: 20px;
height: 5px;
margin: 0 9px 0 -22px;
vertical-align: 4px;
background: radial-gradient(circle at 17px 2.5px, var(--gold-light) 0, var(--gold) 1.8px, rgba(200, 162, 74, 0) 2.6px) 0 0 no-repeat, linear-gradient(var(--gold), var(--gold)) 0 2px no-repeat;
background-size: 20px 5px, 15px 1px;
box-shadow: none;
transform: none;
}
#outer #main.tags-show div.child.listbox {
margin: 10px 0 18px;
padding: 22px 4% 14px;
}
#outer #main.tags-show .listbox > h3.heading {
line-height: 1.6;
text-align: center;
}
#outer #main.tags-show div.child.listbox > h3.heading {
margin-top: 0;
}
#outer #main.tags-show div.child.listbox > .listbox {
margin: 0 0 12px;
}
#outer #main.tags-show div.child.listbox > .listbox > h4.heading {
display: block;
margin: 6px 0 4px;
padding: 0;
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.26em;
text-align: center;
text-transform: uppercase;
}
#outer #main table:not(.userstuff table) {
box-sizing: border-box;
width: 100%;
margin: 14px 0 22px;
border: 1px solid transparent;
border-collapse: separate;
border-spacing: 0;
--cut: 9.6px;
--cut2: 10.1px;
--fill: var(--velvet-2);
--rcut: 10px;
--rcut2: 10.5px;
--rfill: var(--gold-rim);
--rtl: #c7b793;
--rtr: #b39d6b;
--rbr: #6c5627;
--rbl: #856b31;
--rdk: #775f2c;
--rhi: #b9a577;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
color: var(--text);
}
#outer #main table:not(.userstuff table) thead,
#outer #main table:not(.userstuff table) tfoot,
#outer #main table:not(.userstuff table) tbody tr {
border: 0;
}
#outer #main table:not(.userstuff table) th,
#outer #main table:not(.userstuff table) thead td {
padding: 12px 8px 9px;
overflow-wrap: anywhere;
border: 0;
border-bottom: 1px solid rgba(200, 162, 74, 0.55);
background: none;
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 9.5px;
font-weight: 500;
letter-spacing: 0.14em;
line-height: 1.5;
text-align: left;
text-transform: uppercase;
vertical-align: bottom;
}
#outer #main table:not(.userstuff table) td,
#outer #main table:not(.userstuff table) tbody th {
padding: 9px 8px;
overflow-wrap: anywhere;
border: 0;
border-bottom: 1px solid rgba(200, 162, 74, 0.14);
background: none;
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
color: var(--text);
font-size: 14px;
font-weight: 400;
letter-spacing: 0;
line-height: 1.5;
text-align: left;
text-transform: none;
vertical-align: top;
font-variant-numeric: lining-nums tabular-nums;
}
#outer #main table:not(.userstuff table) tbody tr:last-child td,
#outer #main table:not(.userstuff table) tbody tr:last-child th {
border-bottom: 0;
}
#outer #main table:not(.userstuff table) tr:hover {
border: 0;
background: rgba(31, 158, 109, 0.09);
}
#outer #main table:not(.userstuff table) tfoot td {
border-top: 1px solid rgba(200, 162, 74, 0.4);
color: var(--muted);
}
#outer #main .splash .news li.post,
#outer #main .splash .news li.post .header::before,
#outer #main .splash li.reading div.user.module,
#outer #main .splash .social li a .resp-sharing-button,
#outer #main.stats-index dl.statistics,
#outer #main.stats-index dl.statistics::before,
#outer #main.stats-index #stat_chart::before,
#outer #main.stats-index #stat_chart::after,
#outer #main.stats-index ul.statistics > li.fandom,
#outer #main.stats-index ul.statistics:not(:has(> li.fandom)) {
--oct: linear-gradient(135deg, transparent var(--cut), var(--fill) var(--cut2)) top left, linear-gradient(225deg, transparent var(--cut), var(--fill) var(--cut2)) top right, linear-gradient(315deg, transparent var(--cut), var(--fill) var(--cut2)) bottom right, linear-gradient(45deg, transparent var(--cut), var(--fill) var(--cut2)) bottom left;
--rim: linear-gradient(135deg, transparent var(--rcut), var(--rtl) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) top left, linear-gradient(225deg, transparent var(--rcut), var(--rtr) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) top right, linear-gradient(315deg, transparent var(--rcut), var(--rbr) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) bottom right, linear-gradient(45deg, transparent var(--rcut), var(--rbl) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) bottom left;
--cut: 13.6px;
--cut2: 14.1px;
--fill: var(--band);
--rcut: 14px;
--rcut2: 14.5px;
--rfill: var(--gold);
--rtl: #e1cc9b;
--rtr: #d6b977;
--rbr: #8b6f32;
--rbl: #ac8b3f;
--rdk: #9a7c38;
--rhi: #d9bf82;
}
#outer #main .splash {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
column-gap: 44px;
max-width: 1180px;
margin: 0 auto;
padding: 10px 0 0;
}
#outer #main .splash > * {
flex: 0 0 100%;
min-width: 0;
order: 6;
}
#outer #main .splash > .favorite,
#outer #main .splash > .browse {
flex: 1 1 440px;
order: 1;
}
#outer #main .splash > .messages {
flex: 1 1 440px;
order: 2;
}
#outer #main .splash > .readings {
order: 3;
}
#outer #main .splash > .news {
order: 4;
}
#outer #main .splash > .social {
order: 5;
}
#outer #main .splash > .module,
#outer #main .splash .module .module {
float: none;
clear: none;
width: auto;
margin: 0 0 40px;
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
}
#outer #main .splash .module .module {
margin: 0;
}
#outer #main .splash > .module {
position: relative;
z-index: 0;
}
#outer #main .splash > .module::before {
content: '';
position: absolute;
top: -34px;
left: 8%;
right: 8%;
height: 320px;
z-index: -1;
background: radial-gradient(ellipse 50% 100% at 50% 0, rgba(31, 158, 109, 0.11), rgba(31, 158, 109, 0.04) 45%, rgba(31, 158, 109, 0) 100%);
}
#outer #main .splash .module > h3.heading {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 16px;
margin: 0 0 6px;
padding: 0;
border: 0;
color: var(--gold-light);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 30px;
font-style: italic;
font-weight: 400;
letter-spacing: 0;
line-height: 1.25;
text-transform: none;
}
#outer #main .splash .module > h3.heading:not(:has(span.title)),
#outer #main .splash .module > h3.heading span.title {
order: 1;
background: var(--foil);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
#outer #main .splash .module > h3.heading::after {
content: '';
order: 2;
flex: 1 1 40px;
height: 10px;
background: linear-gradient(90deg, rgba(200, 162, 74, 0.65), rgba(200, 162, 74, 0.25) 96%, rgba(200, 162, 74, 0)) left 0 top 5px no-repeat, linear-gradient(to bottom right, transparent 50%, #e1cc9b 50%) right 5px top 0 no-repeat, linear-gradient(to bottom left, transparent 50%, #d6b977 50%) right 0 top 0 no-repeat, linear-gradient(to top left, transparent 50%, #8b6f32 50%) right 0 top 5px no-repeat, linear-gradient(to top right, transparent 50%, #ac8b3f 50%) right 5px top 5px no-repeat;
background-size: 100% 1px, 5px 5px, 5px 5px, 5px 5px, 5px 5px;
}
#outer #main .splash .module > h3.heading span.link {
order: 3;
float: none;
margin: 0 0 0 auto;
}
#outer #main .splash .module > h3.heading span.link a {
display: inline-block;
padding: 6px 0;
color: var(--gold-light);
-webkit-text-fill-color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10.5px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.22em;
line-height: 1.4;
text-transform: uppercase;
transition: color 0.2s ease;
}
#outer #main .splash .module > h3.heading span.link a::after {
content: '\203A';
margin-left: 7px;
font-size: 15px;
line-height: 1;
}
#outer #main .splash .module > h3.heading span.link a:hover,
#outer #main .splash .module > h3.heading span.link a:focus {
color: var(--glint);
-webkit-text-fill-color: var(--glint);
}
#outer #main .splash .module > p.note {
margin: 0 0 16px;
padding: 0;
color: var(--muted);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 14.5px;
font-style: italic;
line-height: 1.5;
}
#outer #main .splash .module > p.note a {
color: var(--gold-light);
}
#outer #main .splash .module > p.note a:hover {
color: var(--glint);
}
#outer #main .splash .favorite ul,
#outer #main .splash .browse ul {
display: block;
float: none;
box-sizing: border-box;
width: auto;
margin: 10px 0 0;
padding: 0;
border: 0;
background: none;
column-width: 220px;
column-gap: 34px;
}
#outer #main .splash .favorite li,
#outer #main .splash .browse li {
display: block;
float: none;
width: auto;
margin: 0;
padding: 0;
border: 0;
border-bottom: 1px solid rgba(200, 162, 74, 0.24);
background: none;
page-break-inside: avoid;
}
#outer #main .splash .favorite li a,
#outer #main .splash .browse li a {
display: flex;
align-items: baseline;
justify-content: space-between;
column-gap: 14px;
padding: 13px 4px 12px 2px;
border: 0;
background: none;
box-shadow: none;
color: var(--ivory);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 19px;
font-style: italic;
line-height: 1.3;
transition: color 0.2s ease;
}
#outer #main .splash .favorite li a::before,
#outer #main .splash .browse li a::before {
content: none;
}
#outer #main .splash .favorite li a::after,
#outer #main .splash .browse li a::after {
content: '\203A';
flex: 0 0 auto;
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 18px;
font-style: normal;
line-height: 1;
transition: transform 0.25s ease, color 0.2s ease;
}
#outer #main .splash .favorite li a:hover,
#outer #main .splash .favorite li a:focus,
#outer #main .splash .browse li a:hover,
#outer #main .splash .browse li a:focus {
background: linear-gradient(90deg, rgba(31, 158, 109, 0.16), rgba(31, 158, 109, 0));
color: var(--glint);
}
#outer #main .splash .favorite li a:hover::after,
#outer #main .splash .favorite li a:focus::after,
#outer #main .splash .browse li a:hover::after,
#outer #main .splash .browse li a:focus::after {
color: var(--gold-light);
transform: translateX(4px);
}
#outer #main .splash .news ul.news {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
column-gap: 18px;
float: none;
margin: 18px 0 0;
padding: 0;
}
#outer #main .splash .news li.post {
flex: 1 1 260px;
max-width: 560px;
min-width: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
position: relative;
z-index: 0;
margin: 0 0 18px;
padding: 24px 22px 20px;
border: 1px solid transparent;
--cut: 11.6px;
--cut2: 12.1px;
--fill: var(--velvet-2);
--rcut: 12px;
--rcut2: 12.5px;
--rfill: var(--gold-rim);
--rtl: #c7b793;
--rtr: #b39d6b;
--rbr: #6c5627;
--rbl: #856b31;
--rdk: #775f2c;
--rhi: #b9a577;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
transition: filter 0.4s ease;
}
#outer #main .splash .news li.post:hover {
--rfill: var(--gold);
--rtl: #e1cc9b;
--rtr: #d6b977;
--rbr: #8b6f32;
--rbl: #ac8b3f;
--rdk: #9a7c38;
--rhi: #d9bf82;
filter: drop-shadow(0 10px 18px rgba(31, 158, 109, 0.18));
}
#outer #main .splash .news li.post .header {
float: none;
position: static;
min-height: 58px;
margin: 0 0 12px;
padding: 0 0 14px 68px;
background: var(--rule-soft) 0 100% no-repeat;
background-size: 100% 1px;
}
#outer #main .splash .news li.post .header::before {
content: '';
position: absolute;
top: 24px;
left: 22px;
width: 52px;
height: 56px;
box-sizing: border-box;
border: 1px solid transparent;
--cut: 5.6px;
--cut2: 6.1px;
--fill: #0b3a29;
--rcut: 6px;
--rcut2: 6.5px;
--rfill: var(--gold);
--rtl: #e1cc9b;
--rtr: #d6b977;
--rbr: #8b6f32;
--rbl: #ac8b3f;
--rdk: #9a7c38;
--rhi: #d9bf82;
background: radial-gradient(ellipse 70% 50% at 50% 0, rgba(125, 226, 180, 0.3), rgba(125, 226, 180, 0) 100%), var(--oct), var(--rim);
background-size: 100% 100%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.6));
}
#outer #main .splash .news li.post h4.heading {
margin: 0;
padding: 0;
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 20px;
font-style: italic;
font-weight: 400;
line-height: 1.22;
text-wrap: balance;
}
#outer #main .splash .news li.post h4.heading a {
color: var(--ivory);
transition: color 0.2s ease;
}
#outer #main .splash .news li.post h4.heading a:visited {
color: #d9d0b8;
}
#outer #main .splash .news li.post h4.heading a:hover,
#outer #main .splash .news li.post h4.heading a:focus {
color: var(--glint);
}
#outer #main .splash .news p.meta {
margin: 6px 0 0;
padding: 0;
color: var(--muted);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.16em;
line-height: 1.6;
text-transform: uppercase;
}
#outer #main .splash .news p.meta .published {
font-size: 0;
letter-spacing: 0;
}
#outer #main .splash .news p.meta .published > * {
margin: 0 7px 0 0;
border: 0;
color: var(--muted);
font-size: 10px;
letter-spacing: 0.16em;
text-decoration: none;
cursor: default;
}
#outer #main .splash .news p.meta .published .date,
#outer #main .splash .news p.meta .published .month {
position: absolute;
left: 22px;
width: 52px;
margin: 0;
text-align: center;
}
#outer #main .splash .news p.meta .published .date {
top: 31px;
color: var(--ivory);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 25px;
font-weight: 400;
letter-spacing: 0;
line-height: 1;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
#outer #main .splash .news p.meta .published .month {
top: 60px;
color: var(--gold-light);
font-size: 9px;
letter-spacing: 0.24em;
text-indent: 0.24em;
line-height: 1.2;
}
#outer #main .splash .news p.meta .published .time {
margin-right: 5px;
}
#outer #main .splash .news p.meta .comments {
position: absolute;
left: 22px;
bottom: 21px;
color: var(--gold);
font-size: 9.5px;
letter-spacing: 0.18em;
}
#outer #main .splash .news p.meta .comments a {
display: inline-block;
margin-left: 4px;
padding: 2px 7px 1px;
border: 1px solid var(--gold-bezel);
background: var(--em-deep);
color: var(--gold-light);
font-size: 10px;
letter-spacing: 0.1em;
transition: color 0.2s ease, box-shadow 0.2s ease;
}
#outer #main .splash .news p.meta .comments a:hover,
#outer #main .splash .news p.meta .comments a:focus {
color: var(--glint);
box-shadow: 0 0 10px rgba(31, 158, 109, 0.7);
}
#outer #main .splash .news blockquote.userstuff {
flex: 1 1 auto;
float: none;
width: auto;
margin: 0 0 14px;
padding: 0;
border: 0;
color: var(--text);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 14.5px;
line-height: 1.62;
}
#outer #main .splash .news blockquote.userstuff p {
margin: 0 0 0.6em;
}
#outer #main .splash .news p.jump {
margin: 0;
padding: 0;
text-align: right;
}
#outer #main .splash .news p.jump a {
color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.2em;
line-height: 1.6;
text-transform: uppercase;
transition: color 0.2s ease;
}
#outer #main .splash .news p.jump a:hover,
#outer #main .splash .news p.jump a:focus {
color: var(--glint);
text-decoration: underline;
text-decoration-color: rgba(125, 226, 180, 0.6);
text-underline-offset: 0.3em;
}
#outer #main .splash .readings ol.reading.index {
justify-content: center;
float: none;
margin: 16px 0 0;
}
#outer #main .splash li.reading div.user.module {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
column-gap: 10px;
position: relative;
z-index: 0;
box-sizing: border-box;
float: none;
clear: both;
width: auto;
margin: 14px 0 0;
padding: 9px 12px 9px 16px;
border: 1px solid transparent;
--cut: 7.6px;
--cut2: 8.1px;
--fill: #0f2119;
--rcut: 8px;
--rcut2: 8.5px;
--rfill: var(--gold-inner);
--rtl: #b0a48b;
--rtr: #938361;
--rbr: #4f3f1e;
--rbl: #604e26;
--rdk: #574621;
--rhi: #9c8d6d;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
}
#outer #main .splash li.reading h4.viewed {
flex: 1 1 13em;
min-width: 0;
margin: 0;
padding: 2px 0;
background: none;
color: var(--text);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 13.5px;
font-style: italic;
font-weight: 400;
letter-spacing: 0;
line-height: 1.5;
text-transform: none;
}
#outer #main .splash li.reading h4.viewed span {
margin-right: 6px;
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 9px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
}
#outer #main .splash li.reading div.user ul.actions {
float: none;
margin: 0 0 0 auto;
padding: 0;
}
#outer #main .splash li.reading div.user ul.actions li {
margin: 0;
padding: 0;
}
#outer #main .splash li.reading div.user input[type=submit] {
padding: 6px 10px 5px;
font-size: 9.5px;
}
#outer #main .splash ul.abbreviated.comment {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
column-gap: 16px;
margin: 16px 0 0;
padding: 0;
}
#outer #main .splash ul.abbreviated.comment::after {
content: none;
}
#outer #main .splash ul.abbreviated.comment > li.comment {
flex: 1 1 300px;
max-width: 580px;
min-width: 0;
padding-bottom: 54px;
}
#outer #main .splash ul.abbreviated.comment > li.comment > ul.actions {
position: absolute;
left: 20px;
right: 22px;
bottom: 14px;
}
#outer #main .splash .social ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
column-gap: 14px;
margin: 6px 0 0;
padding: 0;
text-align: center;
}
#outer #main .splash .social li {
display: block;
margin: 5px 0;
padding: 0;
}
#outer #main .splash .social li a {
display: block;
margin: 0;
padding: 0;
background: none;
border: 0;
color: var(--ivory);
text-decoration: none;
}
#outer #main .splash .social li a .resp-sharing-button {
display: flex;
align-items: center;
column-gap: 11px;
margin: 0;
padding: 6px 18px 6px 7px;
border: 1px solid transparent;
border-radius: 0;
--cut: 8.6px;
--cut2: 9.1px;
--fill: var(--velvet-2);
--rcut: 9px;
--rcut2: 9.5px;
--rfill: var(--gold-rim);
--rtl: #c7b793;
--rtr: #b39d6b;
--rbr: #6c5627;
--rbl: #856b31;
--rdk: #775f2c;
--rhi: #b9a577;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
color: var(--ivory);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 14.5px;
font-style: italic;
line-height: 1.3;
text-align: left;
transition: color 0.2s ease, filter 0.3s ease;
}
#outer #main .splash .social .resp-sharing-button__icon {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
margin: 0;
padding: 0;
border: 0;
background: none;
box-shadow: none;
}
#outer #main .splash .social .resp-sharing-button__icon svg {
display: block;
width: 18px;
height: 18px;
margin: 0;
fill: var(--gold-light);
stroke: none;
}
#outer #main .splash .social li a:hover .resp-sharing-button,
#outer #main .splash .social li a:focus .resp-sharing-button {
--fill: #0e3a29;
--rfill: var(--gold-light);
--rtl: #f6e7bf;
--rtr: #f3dfa7;
--rbr: #a5915d;
--rbl: #cdb575;
--rdk: #b7a168;
--rhi: #f4e1ae;
color: var(--glint);
filter: drop-shadow(0 0 10px rgba(31, 158, 109, 0.45));
}
#outer #main.users-show .listbox .index:has(> li.blurb)::after {
content: none;
}
#outer #main.stats-index:not(.filtered) {
display: flex;
flex-wrap: wrap;
align-items: stretch;
column-gap: 40px;
}
#outer #main.stats-index > * {
flex: 0 0 100%;
order: 5;
min-width: 0;
}
#outer #main.stats-index > .landmark {
position: absolute;
}
#outer #main.stats-index > noscript {
order: 4;
}
#outer #main.stats-index > div.flash,
#outer #main.stats-index > h2.heading,
#outer #main.stats-index > ul.navigation:first-of-type,
#outer #main.stats-index > ol.year.actions,
#outer #main.stats-index > h3.heading:not(.landmark) {
order: 1;
}
#outer #main.stats-index > div.wrapper,
#outer #main.stats-index > #stat_chart {
order: 3;
}
#outer #main.stats-index > h3.heading:not(.landmark),
#outer #main.stats-index > div.wrapper,
#outer #main.stats-index > #stat_chart,
#outer #main.stats-index > div.actions.module,
#outer #main.stats-index::before,
#outer #main.stats-index::after {
flex: 1 1 40%;
min-width: 300px;
}
#outer #main.stats-index::before,
#outer #main.stats-index::after {
content: '';
display: block;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
clear: none;
visibility: hidden;
}
#outer #main.stats-index::before {
order: 2;
}
#outer #main.stats-index::after {
order: 4;
}
#outer #main.stats-index > h2.heading,
#outer #main.inbox-show > h2.heading {
clear: none;
margin: 18px auto 10px;
padding: 0 0 28px;
color: var(--gold-light);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 34px;
font-style: italic;
font-weight: 400;
letter-spacing: 0;
line-height: 1.15;
text-transform: none;
text-wrap: balance;
background: var(--foil);
background-size: 100% 1.15em;
background-repeat: repeat-y;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
#outer #main.stats-index ol.year.actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: 8px;
float: none;
margin: 6px 0 4px;
padding: 0;
}
#outer #main.stats-index ol.year.actions li {
margin: 0;
padding: 0;
}
#outer #main.stats-index ol.year.actions a,
#outer #main.stats-index ol.year.actions span.current {
padding: 6px 14px 5px;
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.06em;
line-height: 1.3;
text-transform: none;
}
#outer #main.stats-index ol.year.actions span.current {
font-style: italic;
}
#outer #main.stats-index > h3.heading:not(.landmark) {
display: flex;
align-items: center;
column-gap: 14px;
margin: 26px 0 16px;
padding: 0;
color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.34em;
line-height: 1.4;
text-transform: uppercase;
}
#outer #main.stats-index > h3.heading:not(.landmark)::before,
#outer #main.stats-index > h3.heading:not(.landmark)::after {
content: '';
flex: 1 1 auto;
height: 7px;
background: linear-gradient(90deg, rgba(200, 162, 74, 0), rgba(200, 162, 74, 0.6)) 0 3px no-repeat;
background-size: 100% 1px;
}
#outer #main.stats-index > h3.heading:not(.landmark)::after {
background: linear-gradient(90deg, rgba(200, 162, 74, 0.6), rgba(200, 162, 74, 0)) 0 3px no-repeat;
background-size: 100% 1px;
}
#outer #main.stats-index div.wrapper {
display: flex;
float: none;
margin: 0 0 24px;
padding: 0;
border: 0;
background: none;
box-shadow: none;
}
#outer #main.stats-index dl.statistics {
flex: 1 1 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: flex-start;
position: relative;
z-index: 0;
box-sizing: border-box;
min-width: 0;
margin: 0;
padding: 40px 5% 26px;
border: 1px solid transparent;
--cut: 17.6px;
--cut2: 18.1px;
--rcut: 18px;
--rcut2: 18.5px;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
box-shadow: none;
overflow: visible;
clear: none;
}
#outer #main.stats-index dl.statistics::before {
content: '';
position: absolute;
top: 6px;
left: 6px;
right: 6px;
bottom: 6px;
z-index: -1;
padding: 14px;
border: 1px solid transparent;
--rcut: 15.5px;
--rcut2: 16px;
--rfill: var(--gold-inner);
--rtl: #b0a48b;
--rtr: #938361;
--rbr: #4f3f1e;
--rbl: #604e26;
--rdk: #574621;
--rhi: #9c8d6d;
--cut: 15.1px;
--cut2: 15.6px;
--fill: var(--velvet-2);
background: radial-gradient(ellipse 62% 100% at 50% 0, rgba(12, 27, 21, 0) 0, rgba(12, 27, 21, 0.55) 55%, var(--velvet-2) 100%), repeating-conic-gradient(from 90deg at 50% 0, rgba(200, 162, 74, 0.07) 0deg 0.8deg, rgba(200, 162, 74, 0) 0.8deg 4deg), var(--oct), var(--rim);
background-size: 100% 100%, 100% 100%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%;
background-repeat: no-repeat;
background-origin: content-box, content-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
background-clip: content-box, content-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box;
}
#outer #main.stats-index dl.statistics::after {
content: none;
}
#outer #main.stats-index dl.statistics dt,
#outer #main.stats-index dl.statistics dd {
float: none;
clear: none;
width: auto;
min-width: 0;
margin: 0;
padding: 7px 0;
border: 0;
background: none;
}
#outer #main.stats-index dl.statistics dt {
box-sizing: border-box;
display: block;
order: 3;
flex: 0 0 128px;
width: 128px;
margin: 0 8px 16px;
padding: 44px 4px 0;
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 0;
font-weight: 500;
line-height: 1.35;
text-align: center;
text-transform: uppercase;
}
#outer #main.stats-index dl.statistics dt::before {
font-size: 8.5px;
letter-spacing: 0.16em;
}
#outer #main.stats-index dl.statistics dt.user.subscriptions::before {
content: 'User subscriptions';
}
#outer #main.stats-index dl.statistics dt.kudos::before {
content: 'Kudos';
}
#outer #main.stats-index dl.statistics dt.comment::before {
content: 'Comment threads';
}
#outer #main.stats-index dl.statistics dt.bookmarks::before {
content: 'Bookmarks';
}
#outer #main.stats-index dl.statistics dt.subscriptions:not(.user)::before {
content: 'Subscriptions';
}
#outer #main.stats-index dl.statistics dt.words::before {
content: 'Word count';
}
#outer #main.stats-index dl.statistics dt.hits::before {
content: 'Hits';
}
#outer #main.stats-index dl.statistics dd {
box-sizing: border-box;
order: 3;
flex: 0 0 128px;
width: 128px;
margin: 0 8px 0 -136px;
padding: 4px 4px 0;
color: var(--ivory);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 29px;
font-variant-numeric: lining-nums tabular-nums;
line-height: 1.1;
text-align: center;
white-space: nowrap;
}
#outer #main.stats-index dl.statistics dd.hits {
order: 1;
flex: 0 0 100%;
width: auto;
margin: 0;
padding: 0 0 2px;
background: var(--foil);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 66px;
font-style: italic;
line-height: 1.05;
}
#outer #main.stats-index dl.statistics dt.hits {
order: 2;
flex: 0 0 100%;
width: auto;
margin: 0 0 22px;
padding: 10px 0 22px;
background: var(--rule) 50% 100% no-repeat;
background-size: 56% 1px;
color: var(--gold-light);
}
#outer #main.stats-index dl.statistics dt.hits::before {
font-size: 11px;
letter-spacing: 0.44em;
}
#outer #main.stats-index #stat_chart {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 0;
box-sizing: border-box;
margin: 0 0 24px;
padding: 0;
min-height: 332px;
border: 0 solid transparent;
border-width: 18px 9px 14px;
background: none;
box-shadow: none;
}
#outer #main.stats-index #stat_chart::before,
#outer #main.stats-index #stat_chart::after {
content: '';
position: absolute;
z-index: -1;
border: 1px solid transparent;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
}
#outer #main.stats-index #stat_chart::before {
top: -18px;
left: -9px;
right: -9px;
bottom: -14px;
--cut: 13.6px;
--cut2: 14.1px;
--fill: var(--band);
--rcut: 14px;
--rcut2: 14.5px;
--rfill: var(--gold);
--rtl: #e1cc9b;
--rtr: #d6b977;
--rbr: #8b6f32;
--rbl: #ac8b3f;
--rdk: #9a7c38;
--rhi: #d9bf82;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
}
#outer #main.stats-index #stat_chart::after {
top: -13px;
left: -4px;
right: -4px;
bottom: -9px;
--cut: 11.5px;
--cut2: 12px;
--fill: var(--velvet-2);
--rcut: 11.9px;
--rcut2: 12.4px;
--rfill: var(--gold-inner);
--rtl: #b0a48b;
--rtr: #938361;
--rbr: #4f3f1e;
--rbl: #604e26;
--rdk: #574621;
--rhi: #9c8d6d;
background: radial-gradient(ellipse 60% 55% at 50% 100%, rgba(31, 158, 109, 0.16), rgba(31, 158, 109, 0) 100%), var(--oct), var(--rim);
background-size: 100% 100%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
}
#outer #main.stats-index #stat_chart > div {
width: 100%;
}
#outer #main.stats-index #stat_chart div[dir=ltr] {
margin: 0 auto;
}
#outer #main #stat_chart svg > rect {
fill: transparent;
}
#outer #main #stat_chart svg text {
fill: var(--muted);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
}
#outer #main #stat_chart svg > g:first-of-type text {
fill: var(--gold-light);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 17px;
font-style: italic;
font-weight: 400;
}
#outer #main #stat_chart svg text[text-anchor="middle"] {
fill: var(--ivory);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 13px;
font-style: italic;
}
#outer #main #stat_chart svg text[text-anchor="end"] {
fill: var(--muted);
font-size: 11px;
}
#outer #main #stat_chart svg g[clip-path] rect {
fill: #1a8f62;
stroke: var(--gold-light);
stroke-width: 1px;
transition: fill 0.3s ease;
}
#outer #main #stat_chart svg g[clip-path] rect:hover {
fill: #2fb982;
}
#outer #main #stat_chart svg rect[fill$="993333"] {
fill: #1a8f62;
stroke: var(--gold-light);
stroke-width: 1px;
}
#outer #main #stat_chart svg g[clip-path] rect[height="1"],
#outer #main #stat_chart svg g[clip-path] rect[height="1"]:hover {
fill: rgba(200, 162, 74, 0.2);
stroke: none;
}
#outer #main #stat_chart svg g[clip-path] rect[fill$="333333"],
#outer #main #stat_chart svg g[clip-path] rect[fill$="333333"]:hover {
fill: var(--gold);
stroke: none;
}
#outer #main #stat_chart svg > g:last-child path[fill$="000000"] {
fill: #000000;
}
#outer #main #stat_chart svg > g:last-child path[fill$="ffffff"] {
fill: var(--velvet-2);
stroke: var(--gold);
stroke-width: 1px;
}
#outer #main #stat_chart svg > g:last-child text {
fill: var(--ivory);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 13.5px;
font-style: normal;
}
#outer #main #stat_chart svg > g:last-child text[font-weight=bold] {
fill: var(--gold-light);
}
#outer #main.stats-index div.actions.module {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
column-gap: 24px;
float: none;
margin: 0 0 18px;
padding: 12px 0 10px;
background: var(--rule) 0 0 no-repeat, var(--rule) 0 100% no-repeat;
background-size: 100% 1px, 100% 1px;
}
#outer #main.stats-index ul.sorting.actions,
#outer #main.stats-index ul.view.actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
column-gap: 6px;
float: none;
margin: 0;
padding: 0;
}
#outer #main.stats-index ul.sorting.actions li,
#outer #main.stats-index ul.view.actions li {
margin: 0;
padding: 0;
}
#outer #main.stats-index ul.sorting.actions h4.heading {
display: block;
margin: 0 6px 0 0;
padding: 0;
color: var(--gold);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.24em;
text-transform: uppercase;
}
#outer #main.stats-index ul.sorting.actions a,
#outer #main.stats-index ul.view.actions a,
#outer #main.stats-index ul.view.actions span.current {
padding: 6px 10px 5px;
font-size: 9.5px;
}
#outer #main.stats-index ul.statistics.index {
float: none;
margin: 0;
padding: 0;
background: none;
box-shadow: none;
}
#outer #main.stats-index ul.statistics > li.fandom,
#outer #main.stats-index ul.statistics:not(:has(> li.fandom)) {
position: relative;
box-sizing: border-box;
margin: 0 0 18px;
padding: 18px 26px 10px;
border: 1px solid transparent;
--cut: 11.6px;
--cut2: 12.1px;
--fill: var(--velvet-2);
--rcut: 12px;
--rcut2: 12.5px;
--rfill: var(--gold-rim);
--rtl: #c7b793;
--rtr: #b39d6b;
--rbr: #6c5627;
--rbl: #856b31;
--rdk: #775f2c;
--rhi: #b9a577;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
overflow: visible;
}
#outer #main.stats-index ul.statistics > li.fandom > h5.heading {
display: flex;
align-items: center;
column-gap: 12px;
margin: 0 0 6px;
padding: 0 0 12px;
background: var(--rule-soft) 0 100% no-repeat;
background-size: 100% 1px;
color: var(--ivory);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 23px;
font-style: italic;
font-weight: 400;
letter-spacing: 0;
line-height: 1.25;
text-transform: none;
}
#outer #main.stats-index ul.statistics > li.fandom > h5.heading::before {
content: none;
}
#outer #main.stats-index li.fandom ul.index {
float: none;
margin: 0;
padding: 0;
background: none;
box-shadow: none;
}
#outer #main.stats-index ul.statistics li:not(.fandom),
#outer #main.stats-index ul.statistics li:not(.fandom):nth-of-type(even) {
margin: 0;
padding: 11px 0 10px;
background: none;
}
#outer #main.stats-index ul.statistics li:not(.fandom) + li {
border-top: 1px dotted rgba(200, 162, 74, 0.3);
}
#outer #main.stats-index ul.statistics li:not(.fandom) > dl {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
column-gap: 18px;
margin: 0;
padding: 0;
}
#outer #main.stats-index ul.statistics li:not(.fandom) > dl > dt,
#outer #main.stats-index ul.statistics li:not(.fandom) > dl > dd {
float: none;
width: auto;
margin: 0;
padding: 0;
}
#outer #main.stats-index ul.statistics li:not(.fandom) > dl > dt {
flex: 1 1 200px;
min-width: 0;
color: var(--muted);
}
#outer #main.stats-index ul.statistics li:not(.fandom) > dl > dt a {
margin-right: 8px;
color: var(--ivory);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 18px;
font-style: italic;
line-height: 1.3;
transition: color 0.2s ease;
}
#outer #main.stats-index ul.statistics li:not(.fandom) > dl > dt a:hover,
#outer #main.stats-index ul.statistics li:not(.fandom) > dl > dt a:focus {
color: var(--glint);
}
#outer #main.stats-index ul.statistics li:not(.fandom) > dl > dt .words {
color: var(--muted);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 9.5px;
font-weight: 500;
letter-spacing: 0.16em;
text-transform: uppercase;
white-space: nowrap;
}
#outer #main.stats-index ul.statistics li:not(.fandom) > dl > dd {
flex: 0 1 auto;
min-width: 0;
}
#outer #main.stats-index ul.statistics dl.stats {
margin: 6px 0 2px;
padding: 0;
background: none;
text-align: left;
white-space: normal;
font-size: 0;
line-height: 0;
}
#outer #main.stats-index ul.statistics dl.stats dt {
--oct: linear-gradient(135deg, transparent var(--cut), var(--fill) var(--cut2)) top left, linear-gradient(225deg, transparent var(--cut), var(--fill) var(--cut2)) top right, linear-gradient(315deg, transparent var(--cut), var(--fill) var(--cut2)) bottom right, linear-gradient(45deg, transparent var(--cut), var(--fill) var(--cut2)) bottom left;
--rim: linear-gradient(135deg, transparent var(--rcut), var(--rtl) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) top left, linear-gradient(225deg, transparent var(--rcut), var(--rtr) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) top right, linear-gradient(315deg, transparent var(--rcut), var(--rbr) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) bottom right, linear-gradient(45deg, transparent var(--rcut), var(--rbl) var(--rcut2), var(--rdk) 20px, var(--rhi) 46px, var(--rfill) 112px) bottom left;
--cut: 6.6px;
--cut2: 7.1px;
--fill: var(--velvet);
--rcut: 7px;
--rcut2: 7.5px;
--rfill: var(--gold-inner);
--rtl: #b0a48b;
--rtr: #938361;
--rbr: #4f3f1e;
--rbl: #604e26;
--rdk: #574621;
--rhi: #9c8d6d;
box-sizing: border-box;
display: inline-block;
width: 92px;
height: 62px;
margin: 3px;
padding: 38px 4px 0;
border: 1px solid transparent;
background: var(--oct), var(--rim);
background-size: 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
font-size: 0;
line-height: 1.3;
text-align: center;
vertical-align: top;
}
#outer #main.stats-index ul.statistics dl.stats dt::before {
content: none;
display: inline;
width: auto;
height: auto;
margin: 0;
background: none;
transform: none;
font-size: 7.5px;
letter-spacing: 0.16em;
line-height: 1.3;
vertical-align: baseline;
}
#outer #main.stats-index ul.statistics dl.stats dt.subscriptions::before {
content: 'Subscriptions';
}
#outer #main.stats-index ul.statistics dl.stats dt.hits::before {
content: 'Hits';
}
#outer #main.stats-index ul.statistics dl.stats dt.kudos::before {
content: 'Kudos';
}
#outer #main.stats-index ul.statistics dl.stats dt.comments::before {
content: 'Comment threads';
}
#outer #main.stats-index ul.statistics dl.stats dt.bookmarks::before {
content: 'Bookmarks';
}
#outer #main.stats-index ul.statistics dl.stats dd {
box-sizing: border-box;
display: inline-block;
width: 92px;
margin: 3px 3px 3px -95px;
padding: 9px 2px 0;
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 22px;
line-height: 1.1;
text-align: center;
vertical-align: top;
}
#outer #main.stats-index ul.statistics dl.stats dd::after {
content: none;
}
#outer #main.inbox-show:not(.filtered) {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
#outer #main.inbox-show::after {
content: none;
}
#outer #main.inbox-show > * {
flex: 0 0 100%;
min-width: 0;
}
#outer #main.inbox-show > form.inbox,
#outer #main.inbox-show > form.filters {
flex: 0 1 auto;
}
#outer #main.inbox-show > p.narrow-shown {
flex: 0 0 auto;
margin-left: auto;
}
#outer #main.inbox-show > #reply-to-comment {
order: 1;
}
#outer #main.inbox-show > form.inbox {
order: 2;
}
#outer #main.inbox-show > form.filters {
order: 3;
}
#outer #main.inbox-show > div.clear {
order: 4;
}
#outer #main #reply-to-comment {
position: relative;
z-index: 1;
clear: both;
float: none;
box-sizing: border-box;
width: auto;
margin: 0;
padding: 0;
border: 0;
background: none;
box-shadow: none;
}
#outer #main #reply-to-comment #comment_cancel {
cursor: pointer;
}
#outer #main.inbox-show form.inbox {
overflow: visible;
}
#outer #main.inbox-show form.inbox fieldset {
margin: 0;
padding: 0;
}
#outer #main.inbox-show ol.comment.index {
float: none;
margin: 0;
padding: 0;
}
#outer #main #inbox-filters dt:not(.landmark) {
margin: 14px 0 4px;
padding: 13px 0 0;
background: var(--rule-soft) 0 0 no-repeat;
background-size: 100% 1px;
}
#outer #main #inbox-filters dl > dt:first-child {
margin-top: 0;
padding-top: 0;
background: none;
}
#outer #main #inbox-filters dd ul {
margin: 0;
padding: 0;
}
#outer #main #inbox-filters dd li {
display: block;
margin: 0;
padding: 0;
}
#outer #main #inbox-filters dd label {
display: flex;
align-items: center;
margin: 0;
padding: 4px 0;
color: var(--text);
font-family: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 14px;
line-height: 1.35;
cursor: pointer;
}
#outer #main #inbox-filters dd label:hover {
color: var(--glint);
}
#outer #main #inbox-filters .indicator::before {
margin: 0 10px 0 0;
vertical-align: middle;
}
#outer #main #inbox-filters dd.submit {
margin: 16px 0 4px;
}
#outer #main.inbox-show form.inbox fieldset.actions {
display: block;
float: none;
clear: both;
margin: 0 0 16px;
padding: 10px 4px 9px;
background: var(--rule) 0 0 no-repeat, var(--rule) 0 100% no-repeat;
background-size: 100% 1px, 100% 1px;
}
#outer #main.inbox-show form.inbox fieldset.comments + fieldset.actions {
margin: 4px 0 0;
}
#outer #main.inbox-show form.inbox fieldset.actions ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
column-gap: 7px;
margin: 0;
padding: 0;
}
#outer #main.inbox-show form.inbox fieldset.actions li {
margin: 0;
padding: 0;
}
#outer #main.inbox-show fieldset.actions a.check_all,
#outer #main.inbox-show fieldset.actions a.check_none {
display: inline-flex;
align-items: center;
column-gap: 7px;
margin: 3px 4px;
padding: 6px 4px;
background: none;
border: 0;
box-shadow: none;
color: var(--gold-light);
cursor: pointer;
}
#outer #main.inbox-show fieldset.actions a.check_all::before,
#outer #main.inbox-show fieldset.actions a.check_none::before {
content: '';
width: 9px;
height: 9px;
border: 1px solid var(--gold);
box-shadow: inset 0 0 0 2px var(--velvet);
}
#outer #main.inbox-show fieldset.actions a.check_all::before {
background: var(--em-bright);
}
#outer #main.inbox-show fieldset.actions a.check_all:hover,
#outer #main.inbox-show fieldset.actions a.check_none:hover {
background: none;
box-shadow: none;
color: var(--glint);
}
#outer #main.inbox-show fieldset.actions li:nth-child(2) {
margin-right: 10px;
}
#outer #main.inbox-show li.comment,
#outer #main .splash li.comment {
opacity: 1;
}
#outer #main.inbox-show li.comment.read {
--fill: #0a1511;
--rfill: var(--gold-inner);
--rtl: #b0a48b;
--rtr: #938361;
--rbr: #4f3f1e;
--rbl: #604e26;
--rdk: #574621;
--rhi: #9c8d6d;
}
#outer #main.inbox-show li.comment.unread,
#outer #main .splash li.comment.unread {
--fill: #0c1c16;
--rfill: var(--gold);
--rtl: #e1cc9b;
--rtr: #d6b977;
--rbr: #8b6f32;
--rbl: #ac8b3f;
--rdk: #9a7c38;
--rhi: #d9bf82;
background: radial-gradient(ellipse 44% 90px at 50% 0, rgba(31, 158, 109, 0.22), rgba(31, 158, 109, 0) 100%), var(--oct), var(--rim);
background-size: 100% 100%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%;
background-repeat: no-repeat;
background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
}
#outer #main.inbox-show li.comment h4.byline a[href*="/comments/"],
#outer #main .splash li.comment h4.byline a[href*="/comments/"] {
color: var(--ivory);
font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
font-size: 16px;
font-style: italic;
font-weight: 400;
letter-spacing: 0;
line-height: 1.3;
text-transform: none;
}
#outer #main.inbox-show li.comment h4.byline a[href*="/comments/"]:hover,
#outer #main .splash li.comment h4.byline a[href*="/comments/"]:hover {
color: var(--glint);
}
#outer #main.inbox-show li.comment h4.byline .unreviewed,
#outer #main .splash li.comment h4.byline .unreviewed {
padding: 1px 6px;
border: 1px solid rgba(235, 167, 106, 0.5);
background: transparent;
color: var(--topaz);
font-size: 9px;
letter-spacing: 0.16em;
}
#outer #main.inbox-show li.comment ul.actions,
#outer #main .splash li.comment ul.actions {
align-items: center;
margin: 6px 0 0;
}
#outer #main.inbox-show li.comment ul.actions input[type=submit],
#outer #main .splash li.comment ul.actions input[type=submit],
#outer #main.inbox-show li.comment ul.actions a,
#outer #main .splash li.comment ul.actions a {
margin: 3px 0;
padding: 6px 10px 5px;
font-size: 9.5px;
}
#outer #main.inbox-show li.comment ul.actions li:has(> .unread),
#outer #main.inbox-show li.comment ul.actions li:has(> .replied) {
margin-right: auto;
}
#outer #main.inbox-show li.comment span.unread,
#outer #main.inbox-show li.comment span.replied {
display: inline-flex;
align-items: center;
column-gap: 8px;
width: auto;
height: auto;
margin: 3px 0;
padding: 4px 2px;
background: none;
border: 0;
border-radius: 0;
box-shadow: none;
color: var(--facet);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 9.5px;
font-weight: 500;
letter-spacing: 0.22em;
line-height: 1.4;
text-transform: uppercase;
}
#outer #main.inbox-show li.comment span.unread::before {
content: '';
width: 6px;
height: 6px;
background: conic-gradient(from -45deg, #f3dfa7 0 90deg, #a5915d 90deg 180deg, #cdb575 180deg 270deg, #f6e7bf 270deg);
transform: rotate(45deg);
}
#outer #main.inbox-show li.comment span.replied {
color: var(--gold-light);
font-size: 11px;
}
#outer #main.inbox-show li.comment span.replied::after {
content: 'Replied';
color: var(--muted);
font-size: 9.5px;
}
#outer #main.inbox-show li.comment ul.actions label {
display: inline-flex;
align-items: center;
column-gap: 7px;
height: auto;
margin: 3px 0;
padding: 5px 10px 4px 8px;
background: transparent;
border: 1px solid rgba(200, 162, 74, 0.45);
border-radius: 0;
box-shadow: none;
color: var(--gold-light);
font-family: Futura, "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 9.5px;
font-weight: 500;
letter-spacing: 0.18em;
line-height: 1.4;
text-transform: uppercase;
cursor: pointer;
transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
#outer #main.inbox-show li.comment ul.actions label:hover {
border-color: var(--gold-light);
color: var(--glint);
}
#outer #main.inbox-show li.comment ul.actions label input[type=checkbox] {
margin: 0;
}
#outer #main.inbox-show li.comment:has(input[type=checkbox]:checked) {
--rfill: var(--facet);
--rtl: #b8efd6;
--rtr: #9ee9c7;
--rbr: #589a79;
--rbl: #6cc199;
--rdk: #61ac87;
--rhi: #a5ebcb;
}
#outer #main.inbox-show li.comment ul.actions label:has(input:checked) {
background: rgba(31, 158, 109, 0.22);
border-color: var(--facet);
color: #ffffff;
}
#outer .required-tags span.rating,
#outer .required-tags span.category,
#outer .required-tags span.warnings,
#outer .required-tags span.iswip,
#outer .required-tags span.external-work,
#outer #workskin hr::before,
#outer .userstuff hr::before {
--hl: linear-gradient(rgba(3, 10, 7, 0.34), rgba(3, 10, 7, 0.34));
--ta: var(--tc);
--tb: var(--tc);
--tcc: var(--tc);
--td: var(--tc);
--tq: conic-gradient(var(--tb) 0 25%, var(--tcc) 0 50%, var(--td) 0 75%, var(--ta) 0);
--rings: linear-gradient(135deg, #0000 1.4px, #0000009d 0 5px, #000000be 0 6px, #0000 0), linear-gradient(135deg, #0000 1.4px, var(--ta) 0 6px, #0000 0), linear-gradient(225deg, #0000 1.4px, #0000008c 0 5px, #000000b3 0 6px, #0000 0), linear-gradient(225deg, #0000 1.4px, var(--tb) 0 6px, #0000 0), linear-gradient(315deg, #0000 1.4px, #000000a7 0 5px, #000000c5 0 6px, #0000 0), linear-gradient(315deg, #0000 1.4px, var(--tcc) 0 6px, #0000 0), linear-gradient(45deg, #0000 1.4px, #0000006d 0 5px, #0000009f 0 6px, #0000 0), linear-gradient(45deg, #0000 1.4px, var(--td) 0 6px, #0000 0), linear-gradient(135deg, #0000 1.8px, #00000029 0 4.2px, #00000072 0 5.2px, #0000 0), linear-gradient(135deg, #0000 1.8px, var(--ta) 0 5.2px, #0000 0), linear-gradient(225deg, #0000 1.8px, #00000025 0 4.2px, #0000006f 0 5.2px, #0000 0), linear-gradient(225deg, #0000 1.8px, var(--tb) 0 5.2px, #0000 0), linear-gradient(315deg, #0000 1.8px, #00000011 0 4.2px, #00000062 0 5.2px, #0000 0), linear-gradient(315deg, #0000 1.8px, var(--tcc) 0 5.2px, #0000 0), linear-gradient(45deg, #0000 1.8px, #00000013 0 4.2px, #00000063 0 5.2px, #0000 0), linear-gradient(45deg, #0000 1.8px, var(--td) 0 5.2px, #0000 0), linear-gradient(135deg, #0000 2.4px, #ffffff8f 0 3.6px, #858585b5 0 4.6px, #0000 0), linear-gradient(135deg, #0000 2.4px, var(--ta) 0 4.6px, #0000 0), linear-gradient(225deg, #0000 2.4px, #0000009c 0 3.6px, #000000be 0 4.6px, #0000 0), linear-gradient(225deg, #0000 2.4px, var(--tb) 0 4.6px, #0000 0), linear-gradient(315deg, #0000 2.4px, #00000020 0 3.6px, #0000006c 0 4.6px, #0000 0), linear-gradient(315deg, #0000 2.4px, var(--tcc) 0 4.6px, #0000 0), linear-gradient(45deg, #0000 2.4px, #00000092 0 3.6px, #000000b7 0 4.6px, #0000 0), linear-gradient(45deg, #0000 2.4px, var(--td) 0 4.6px, #0000 0), linear-gradient(135deg, #0000 3.2px, #ffffff64 0 3.4px, #6f6f6f99 0 4.4px, #0000 0), linear-gradient(135deg, #0000 3.2px, var(--ta) 0 4.4px, #0000 0), linear-gradient(225deg, #0000 3.2px, #00000090 0 3.4px, #000000b6 0 4.4px, #0000 0), linear-gradient(225deg, #0000 3.2px, var(--tb) 0 4.4px, #0000 0), linear-gradient(315deg, #0000 3.2px, #00000095 0 3.4px, #000000b9 0 4.4px, #0000 0), linear-gradient(315deg, #0000 3.2px, var(--tcc) 0 4.4px, #0000 0), linear-gradient(45deg, #0000 3.2px, #00000090 0 3.4px, #000000b6 0 4.4px, #0000 0), linear-gradient(45deg, #0000 3.2px, var(--td) 0 4.4px, #0000 0), linear-gradient(135deg, #0000 1.5px, #00000006 0 2.8px, #0000005b 0 3.8px, #0000 0), linear-gradient(135deg, #0000 1.5px, var(--ta) 0 3.8px, #0000 0), linear-gradient(225deg, #0000 1.5px, #000000e2 0 2.8px, #000000ec 0 3.8px, #0000 0), linear-gradient(225deg, #0000 1.5px, var(--tb) 0 3.8px, #0000 0), linear-gradient(315deg, #0000 1.5px, #000000df 0 2.8px, #000000ea 0 3.8px, #0000 0), linear-gradient(315deg, #0000 1.5px, var(--tcc) 0 3.8px, #0000 0), linear-gradient(45deg, #0000 1.5px, #000000e2 0 2.8px, #000000ec 0 3.8px, #0000 0), linear-gradient(45deg, #0000 1.5px, var(--td) 0 3.8px, #0000 0), conic-gradient(#00000099 0% 8.7%, #000000c1 8.9% 16.1%, #00000043 16.3% 33.7%, #00000057 33.9% 41.1%, #00000043 41.3% 58.7%, #000000c1 58.9% 66.1%, #00000099 66.3% 83.7%, #000000c7 83.9% 91.1%, #00000099 91.3% 100%), var(--tq), var(--hl), conic-gradient(#000000eb 0% 8.7%, #000000ef 8.9% 16.1%, #000000ed 16.3% 33.7%, #000000ef 33.9% 41.1%, #000000ed 41.3% 58.7%, #000000ef 58.9% 66.1%, #000000ed 66.3% 83.7%, #000000ef 83.9% 91.1%, #000000eb 91.3% 100%), var(--tq), var(--hl), conic-gradient(#000000e1 0% 8.7%, #000000e5 8.9% 16.1%, #00000013 16.3% 33.7%, #00000063 33.9% 41.1%, #00000013 41.3% 58.7%, #000000e5 58.9% 66.1%, #000000e1 66.3% 83.7%, #000000e3 83.9% 91.1%, #000000e1 91.3% 100%), var(--tq), var(--hl), conic-gradient(#000000a7 0%, #000000a9 6.6% 8.7%, #000000e1 8.9% 16.1%, #000000df 16.3% 58.7%, #000000e1 58.9% 66.1%, #000000a9 66.3% 68.4%, #00000085 81.6% 83.7%, #00000005 83.9% 91.1%, #00000043 91.3% 93.4%, #000000a7 97.8% 100%), var(--tq), var(--hl), conic-gradient(#ffffff13 0%, #ffffff01 6.6% 8.7%, #00000091 8.9% 16.1%, #000000db 16.3% 18.4%, #000000df 31.6% 33.7%, #00000095 33.9% 41.1%, #000000df 41.3% 43.4%, #000000db 56.6% 58.7%, #00000091 58.9% 66.1%, #ffffff01 66.3% 77.2%, #ffffff55 81.6% 83.7%, #ffffff65 83.9% 91.1%, #ffffff83 91.3% 93.4%, #ffffff17 97.8%, #ffffff13 100%), var(--tq), var(--hl), conic-gradient(#000000cf 0%, #000000cd 4.8%, #00000079 6.4%, #000000cf 8% 8.7%, #0000009d 8.9% 16.1%, #00000001 16.3% 17%, #000000e1 20.2% 29.8%, #00000065 31.4%, #0000006b 33% 33.7%, #0000001f 33.9% 41.1%, #00000069 41.3% 42%, #00000065 43.6%, #000000e1 45.2% 54.8%, #00000001 58% 58.7%, #00000091 58.9% 66.1%, #000000d1 66.3% 67%, #00000077 68.6%, #000000db 70.2%, #000000e1 79.8%, #00000027 83% 83.7%, #ffffff8f 83.9% 91.1%, #00000027 91.3% 92%, #000000cf 95.2% 100%), var(--tq), var(--hl), conic-gradient(#00000007 0% 3.2%, #00000045 6.4%, #0000009b 8% 8.7%, #00000025 8.9% 16.1%, #0000001b 16.3% 17%, #00000029 26.6%, #ffffff07 29.8%, #00000051 33% 33.7%, #00000011 33.9% 41.1%, #0000008d 41.3% 42%, #0000003f 43.6%, #00000019 46.8%, #00000025 58% 58.7%, #00000013 58.9% 66.1%, #00000099 66.3% 67%, #00000045 68.6%, #00000015 71.8%, #00000053 83% 83.7%, #00000029 83.9% 91.1%, #00000069 91.3% 92%, #00000009 96.8%, #00000007 100%), var(--tq), var(--hl), var(--hl), var(--hl), var(--hl), linear-gradient(90deg, #000000a5 0px 0.5px, #00000055 2.5px, #000000b1 8.5px, #000000a1 17.5px, #00000027 23.5px, #00000091 25.5px 26px), linear-gradient(90deg, var(--ta) 50%, var(--tb) 0), linear-gradient(180deg, #00000049 0px 0.5px, #000000c3 11.5px, #000000c5 13.5px, #00000057 15.5px, #00000027 18.5px, #00000091 25.5px 26px), linear-gradient(180deg, var(--tb) 50%, var(--tcc) 0), linear-gradient(90deg, #00000035 0px 0.5px, #00000075 1.5px, #00000063 4.5px, #000000c3 11.5px, #000000c5 13.5px, #00000069 15.5px, #0000009b 17.5px, #0000005b 18.5px, #0000004f 23.5px, #0000009f 25.5px 26px), linear-gradient(90deg, var(--td) 50%, var(--tcc) 0), linear-gradient(180deg, #000000a5 0px 0.5px, #00000055 2.5px, #0000007b 7.5px, #000000b5 8.5px, #000000bf 14.5px, #00000073 20.5px, #0000000f 23.5px, #00000083 25.5px 26px), linear-gradient(180deg, var(--ta) 50%, var(--td) 0), linear-gradient(135deg, #0000 2.5px, #0000009d 3.1px), linear-gradient(135deg, #0000 2.5px, var(--ta) 3.1px), linear-gradient(135deg, #0000 2.5px, #0000009d 3.1px), linear-gradient(135deg, #0000 2.5px, var(--ta) 3.1px), linear-gradient(225deg, #0000 2.5px, #0000008d 3.1px), linear-gradient(225deg, #0000 2.5px, var(--tb) 3.1px), linear-gradient(225deg, #0000 2.5px, #0000008d 3.1px), linear-gradient(225deg, #0000 2.5px, var(--tb) 3.1px), linear-gradient(315deg, #0000 2.5px, #000000a7 3.1px), linear-gradient(315deg, #0000 2.5px, var(--tcc) 3.1px), linear-gradient(315deg, #0000 2.5px, #000000a7 3.1px), linear-gradient(315deg, #0000 2.5px, var(--tcc) 3.1px), linear-gradient(45deg, #0000 2.5px, #0000006d 3.1px), linear-gradient(45deg, #0000 2.5px, var(--td) 3.1px), linear-gradient(45deg, #0000 2.5px, #0000006d 3.1px), linear-gradient(45deg, #0000 2.5px, var(--td) 3.1px);
--rings-sz: 9px 9px, 9px 9px, 9px 9px, 9px 9px, 9px 9px, 9px 9px, 9px 9px, 9px 9px, 8px 8px, 8px 8px, 8px 8px, 8px 8px, 8px 8px, 8px 8px, 8px 8px, 8px 8px, 7px 7px, 7px 7px, 7px 7px, 7px 7px, 7px 7px, 7px 7px, 7px 7px, 7px 7px, 7px 7px, 7px 7px, 7px 7px, 7px 7px, 7px 7px, 7px 7px, 7px 7px, 7px 7px, 6px 6px, 6px 6px, 6px 6px, 6px 6px, 6px 6px, 6px 6px, 6px 6px, 6px 6px, 12px 12px, 12px 12px, 14px 14px, 14px 14px, 14px 14px, 16px 16px, 18px 18px, 18px 18px, 20px 20px, 22px 22px, 22px 22px, 24px 24px, 24px 24px, 24px 24px, 26px 26px, 28px 28px, 28px 28px, 30px 30px, 34px 34px, 34px 34px, 32px 1px, 1px 32px, 32px 1px, 1px 32px, 26px 5px, 26px 5px, 5px 26px, 5px 26px, 26px 5px, 26px 5px, 5px 26px, 5px 26px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px;
--rings-ps: 4px 4px, 4px 4px, 31px 4px, 31px 4px, 31px 31px, 31px 31px, 4px 31px, 4px 31px, 7px 7px, 7px 7px, 29px 7px, 29px 7px, 29px 29px, 29px 29px, 7px 29px, 7px 29px, 9px 9px, 9px 9px, 28px 9px, 28px 9px, 28px 28px, 28px 28px, 9px 28px, 9px 28px, 10px 10px, 10px 10px, 27px 10px, 27px 10px, 27px 27px, 27px 27px, 10px 27px, 10px 27px, 12px 12px, 12px 12px, 26px 12px, 26px 12px, 26px 26px, 26px 26px, 12px 26px, 12px 26px, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 6px 4px, 39px 6px, 6px 39px, 4px 6px, 9px 1px, 9px 1px, 38px 9px, 38px 9px, 9px 38px, 9px 38px, 1px 9px, 1px 9px, 5px 1px, 5px 1px, 1px 5px, 1px 5px, 34px 1px, 34px 1px, 38px 5px, 38px 5px, 38px 34px, 38px 34px, 34px 38px, 34px 38px, 5px 38px, 5px 38px, 1px 34px, 1px 34px;
}
#outer .required-tags span.rating-notrated,
#outer .required-tags span.category-none,
#outer .required-tags span.warning-no {
--tc: #0000;
--rings: linear-gradient(135deg, transparent 1.4px, #b6b8b9 0 5px, #797d7c 0 6px, transparent 0), linear-gradient(135deg, #0000 1.4px, var(--ta) 0 6px, #0000 0), linear-gradient(225deg, transparent 1.4px, #c4c5c4 0 5px, #828584 0 6px, transparent 0), linear-gradient(225deg, #0000 1.4px, var(--tb) 0 6px, #0000 0), linear-gradient(315deg, transparent 1.4px, #b6b6b4 0 5px, #797c79 0 6px, transparent 0), linear-gradient(315deg, #0000 1.4px, var(--tcc) 0 6px, #0000 0), linear-gradient(45deg, transparent 1.4px, #c3c4c3 0 5px, #828583 0 6px, transparent 0), linear-gradient(45deg, #0000 1.4px, var(--td) 0 6px, #0000 0), linear-gradient(135deg, transparent 1.8px, #9e9fa0 0 4.2px, #696c6c 0 5.2px, transparent 0), linear-gradient(135deg, #0000 1.8px, var(--ta) 0 5.2px, #0000 0), linear-gradient(225deg, transparent 1.8px, #9fa1a3 0 4.2px, #6a6e6e 0 5.2px, transparent 0), linear-gradient(225deg, #0000 1.8px, var(--tb) 0 5.2px, #0000 0), linear-gradient(315deg, transparent 1.8px, #afb4af 0 4.2px, #757a76 0 5.2px, transparent 0), linear-gradient(315deg, #0000 1.8px, var(--tcc) 0 5.2px, #0000 0), linear-gradient(45deg, transparent 1.8px, #a1a3a4 0 4.2px, #6b6f6f 0 5.2px, transparent 0), linear-gradient(45deg, #0000 1.8px, var(--td) 0 5.2px, #0000 0), linear-gradient(135deg, transparent 2.4px, #b5b7ba 0 3.6px, #797c7d 0 4.6px, transparent 0), linear-gradient(135deg, #0000 2.4px, var(--ta) 0 4.6px, #0000 0), linear-gradient(225deg, transparent 2.4px, #656769 0 3.6px, #444747 0 4.6px, transparent 0), linear-gradient(225deg, #0000 2.4px, var(--tb) 0 4.6px, #0000 0), linear-gradient(315deg, transparent 2.4px, #8a8a92 0 3.6px, #5c5f63 0 4.6px, transparent 0), linear-gradient(315deg, #0000 2.4px, var(--tcc) 0 4.6px, #0000 0), linear-gradient(45deg, transparent 2.4px, #656769 0 3.6px, #444747 0 4.6px, transparent 0), linear-gradient(45deg, #0000 2.4px, var(--td) 0 4.6px, #0000 0), linear-gradient(135deg, transparent 3.2px, #efeae5 0 3.4px, #9e9e9a 0 4.4px, transparent 0), linear-gradient(135deg, #0000 3.2px, var(--ta) 0 4.4px, #0000 0), linear-gradient(225deg, transparent 3.2px, #cec8c1 0 3.4px, #898781 0 4.4px, transparent 0), linear-gradient(225deg, #0000 3.2px, var(--tb) 0 4.4px, #0000 0), linear-gradient(315deg, transparent 3.2px, #d2d0c5 0 3.4px, #8c8d84 0 4.4px, transparent 0), linear-gradient(315deg, #0000 3.2px, var(--tcc) 0 4.4px, #0000 0), linear-gradient(45deg, transparent 3.2px, #cec8c0 0 3.4px, #898781 0 4.4px, transparent 0), linear-gradient(45deg, #0000 3.2px, var(--td) 0 4.4px, #0000 0), linear-gradient(135deg, transparent 1.5px, #fbfbfb 0 2.8px, #a7a9a8 0 3.8px, transparent 0), linear-gradient(135deg, #0000 1.5px, var(--ta) 0 3.8px, #0000 0), linear-gradient(225deg, transparent 1.5px, #a1a2a3 0 2.8px, #6c6f6e 0 3.8px, transparent 0), linear-gradient(225deg, #0000 1.5px, var(--tb) 0 3.8px, #0000 0), linear-gradient(315deg, transparent 1.5px, #a1a2a3 0 2.8px, #6b6e6e 0 3.8px, transparent 0), linear-gradient(315deg, #0000 1.5px, var(--tcc) 0 3.8px, #0000 0), linear-gradient(45deg, transparent 1.5px, #a1a2a3 0 2.8px, #6b6f6e 0 3.8px, transparent 0), linear-gradient(45deg, #0000 1.5px, var(--td) 0 3.8px, #0000 0), conic-gradient(#868788 0%, #88898a 6.6% 8.7%, #b5b6b6 8.9% 16.1%, #cccccd 16.3% 33.7%, #e5e6e6 33.9% 41.1%, #cccdcd 41.3% 58.7%, #b5b5b6 58.9% 66.1%, #88898a 66.3% 68.4%, #848586 81.6% 83.7%, #aeafaf 83.9% 91.1%, #848586 91.3% 93.4%, #868788 100%), var(--tq), var(--hl), conic-gradient(#050708 0% 8.7%, #0d1620 8.9% 16.1%, #050708 16.3% 33.7%, #2d353f 33.9% 41.1%, #050708 41.3% 58.7%, #0d1620 58.9% 66.1%, #050708 66.3% 83.7%, #0c1529 83.9% 91.1%, #050708 91.3% 100%), var(--tq), var(--hl), conic-gradient(#606162 0% 8.7%, #212324 8.9% 16.1%, #e6e6e7 16.3% 18.4%, #e7e7e7 31.6% 33.7%, #9e9f9f 33.9% 41.1%, #e7e7e7 41.3% 58.7%, #212324 58.9% 66.1%, #5f6162 66.3% 68.4%, #616263 81.6% 83.7%, #cacaca 83.9% 91.1%, #606162 91.3% 100%), var(--tq), var(--hl), conic-gradient(#fafafa 0% 8.7%, #a1a2a3 8.9% 16.1%, #414447 16.3% 33.7%, #a1a2a3 33.9% 41.1%, #414447 41.3% 58.7%, #a1a2a3 58.9% 66.1%, #f8f9fa 66.3% 83.7%, #fbfbfb 83.9% 91.1%, #fafafa 91.3% 100%), var(--tq), var(--hl), conic-gradient(#fbfbfb 0%, #fafafb 6.6% 8.7%, #cec8c1 8.9% 16.1%, #7d8288 16.3% 18.4%, #71777d 31.6% 33.7%, #d2d0c5 33.9% 41.1%, #71777d 41.3% 43.4%, #7c8187 56.6% 58.7%, #cec8c0 58.9% 66.1%, #fafafb 66.3% 68.4%, #fafbfb 81.6% 83.7%, #efeae5 83.9% 91.1%, #fbfbfb 91.3% 100%), var(--tq), var(--hl), conic-gradient(#d6d6d8 0%, #d6d7d8 4.8%, #c0c0c0 6.4%, #5a5d65 8% 8.7%, #656769 8.9% 16.1%, #ebe9e6 16.3% 17%, #e7e8ea 18.6%, #a7a8ab 20.2%, #a9abae 29.8%, #c5c5c6 31.4%, #575a60 33% 33.7%, #8a8a92 33.9% 41.1%, #5a5d63 41.3% 42%, #c5c5c6 43.6%, #a9abae 45.2%, #a7a9ab 54.8%, #e5bcbc 56.4%, #e7817d 58% 58.7%, #656769 58.9% 66.1%, #575a5f 66.3% 67%, #c0c0c0 68.6%, #d1d3d6 70.2%, #ced0d4 79.8%, #9f9c9c 83% 83.7%, #b5b7ba 83.9% 91.1%, #9e9b9c 91.3% 92%, #d5d5d7 95.2%, #d6d6d8 100%), var(--tq), var(--hl), conic-gradient(#c5c7c9 0%, #c7cacc 4.8%, #797e84 6.4%, #dee1e4 8% 8.7%, #9fa1a3 8.9% 16.1%, #c3c5c8 16.3% 17%, #7b8086 18.6%, #b9bcc0 20.2%, #706b73 21.8%, #53494f 25%, #767178 28.2%, #bec1c4 29.8%, #82878d 31.4%, #c6c9cc 33% 33.7%, #afb4af 33.9% 41.1%, #c5c9cc 41.3% 42%, #7e8289 43.6%, #bec3c7 45.2%, #706b73 46.8%, #554b51 50%, #706b73 53.2%, #b8bbbf 54.8%, #7e8289 56.4%, #cccdcf 58% 58.7%, #a1a3a4 58.9% 66.1%, #dee1e5 66.3% 67%, #797e84 68.6%, #c7cacc 70.2%, #b2a9ab 75%, #c3c6c8 79.8%, #7a7f85 81.4%, #c6c9cc 83% 83.7%, #9e9fa0 83.9% 91.1%, #c8cace 91.3% 92%, #7a7f85 93.6%, #c3c5c7 95.2%, #c5c7c9 100%), var(--tq), var(--hl), var(--hl), var(--hl), var(--hl), linear-gradient(90deg, #a09d9c 0px 0.5px, #98999d 1.5px, #d3d4d6 2.5px, #9c9fae 14.5px, #cbcdd0 16.5px, #f2f2f3 23.5px, #b8b6b5 25.5px 26px), linear-gradient(90deg, var(--ta) 50%, var(--tb) 0), linear-gradient(180deg, #bcbcbb 0px 0.5px, #98999d 1.5px, #d3d3d4 2.5px, #cbcdcd 7.5px, #8e919b 13.5px, #e2e3e3 16.5px, #e7e8e4 18.5px, #cfcdca 20.5px, #d6d8d9 23.5px, #9c9c9f 24.5px, #a3a09d 25.5px 26px), linear-gradient(180deg, var(--tb) 50%, var(--tcc) 0), linear-gradient(90deg, #bbbbba 0px 0.5px, #97989d 1.5px, #d3d3d4 2.5px, #cdd0ce 7.5px, #92929b 13.5px, #e1e1df 16.5px, #d6d7d8 23.5px, #9d9da0 24.5px, #a29e9d 25.5px 26px), linear-gradient(90deg, var(--td) 50%, var(--tcc) 0), linear-gradient(180deg, #9e9b9a 0px 0.5px, #9a9ba1 1.5px, #d5d6d7 2.5px, #989aa8 14.5px, #ccd5d4 17.5px, #f2f3f3 23.5px, #b8b6b5 25.5px 26px), linear-gradient(180deg, var(--ta) 50%, var(--td) 0), linear-gradient(135deg, transparent 2.5px, #b6b8b9 3.1px), linear-gradient(135deg, #0000 2.5px, var(--ta) 3.1px), linear-gradient(135deg, transparent 2.5px, #b6b8b9 3.1px), linear-gradient(135deg, #0000 2.5px, var(--ta) 3.1px), linear-gradient(225deg, transparent 2.5px, #c4c5c4 3.1px), linear-gradient(225deg, #0000 2.5px, var(--tb) 3.1px), linear-gradient(225deg, transparent 2.5px, #c4c5c4 3.1px), linear-gradient(225deg, #0000 2.5px, var(--tb) 3.1px), linear-gradient(315deg, transparent 2.5px, #b6b6b4 3.1px), linear-gradient(315deg, #0000 2.5px, var(--tcc) 3.1px), linear-gradient(315deg, transparent 2.5px, #b6b6b4 3.1px), linear-gradient(315deg, #0000 2.5px, var(--tcc) 3.1px), linear-gradient(45deg, transparent 2.5px, #c3c4c3 3.1px), linear-gradient(45deg, #0000 2.5px, var(--td) 3.1px), linear-gradient(45deg, transparent 2.5px, #c3c4c3 3.1px), linear-gradient(45deg, #0000 2.5px, var(--td) 3.1px);
}
#outer .required-tags span.rating-general-audience {
--tc: #a1ea13;
}
#outer .required-tags span.rating-teen {
--tc: #f5f713;
}
#outer .required-tags span.rating-mature {
--tc: #f59a13;
}
#outer .required-tags span.rating-explicit {
--tc: #d61213;
}
#outer .required-tags span.category-femslash {
--tc: #e61214;
}
#outer .required-tags span.category-het {
--tc: #b9125f;
}
#outer .required-tags span.category-slash {
--tc: #1153e5;
}
#outer .required-tags span.category-gen {
--tc: #a1ea13;
}
#outer .required-tags span.category-multi {
--ta: #ebf813;
--tb: #db12ae;
--tcc: #1153e5;
--td: #e61214;
}
#outer .required-tags span.category-other {
--tc: #151515;
}
#outer .required-tags span.warning-yes {
--tc: #d61213;
}
#outer .required-tags span.warning-choosenotto {
--tc: #f5b914;
}
#outer .required-tags span.external-work {
--tc: #11acfa;
}
#outer .required-tags span.complete-yes {
--tc: #a1ea13;
}
#outer .required-tags span.complete-no {
--tc: #d61213;
}