Feminine Wails

Link to article: Feminine Wails.

Module Styles

• /* Only show the A/B test subject when the A/B test is active */
  :not(.ab-test--active) + .ab-test-subject { display: none; }
  
  .bottom-rating-module {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-block: 1rem;
  }
  .bottom-rating-module .page-rate-widget-box {
    margin: 0;
  }

• 
  @import url('https://scp-wiki.wikidot.com/local--files/scp-8980/departuremono.css');
  
  :root {
      --logo: url(http://scptestwiki.wikidot.com/local--files/sigma:lol/ecw.png);
      --header-title: "ETHICS COMMITTEE";
      --header-subtitle: "INTERNAL RECORDKEEPING INTERFACE";
      --basalt-primary-color: 0, 15, 0;
      --basalt-secondary-color: 0, 22, 0;
      --basalt-tertiary-color: 0, 30, 0;
      --ec-popup-color: 10, 70, 10;
      --basalt-bright-element-color: 16, 184, 16;
      --basalt-dark-element-color: 10, 150, 10;
      --rfr-primary: #E0F6FD;
      --rfr-secondary: lightskyblue;
  }
  
  body {
      background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)), url("https://scp-wiki.wikidot.com/local--files/scp-8980/fractal.webp");
      background-position: center, center;
      background-size: cover;
      background-attachment: scroll, fixed;
  }
  
  b, strong {
      font-weight: 800;
  }
  
  table {
      box-sizing: border-box;
  }
  
  .content-warning {
      font-size: 85%;
      translate: 0px -5px;
  }
  
  #top-bar div[class*="top-bar"] > ul > li > a {
      font-size: 115%;
  }
  
  #page-title {
      text-align: center;
      border-bottom: none;
  }
  
  .page-title {
      border-bottom: solid 1px #424248;
      font-weight: normal;
      margin: 0 0 0.6em;
      padding: 0 0 0.25em;
      font-size: 200%;
      font-family: var(--title-font);
  }
  
  .page-title p {
      margin: 0;
  }
  
  #breadcrumbs, .pseudocrumbs {
      margin: auto;
      width: fit-content;
      padding-bottom: 5px;
      opacity: 0.8;
  }
  
  #page-content .yui-content div {
      overflow: hidden;
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 50rem;
  }
  
  div:is(.document, .darkdocument)::before, div:is(.document, .darkdocument)::after {
      position: relative !important;
  }
  
  div.blockquote {
      background-color: #0f0f0f;
  }
  
  div.blockquote.light {
      background-color: #2b2b2b;
  }
  
  .red-text {
      color: red;
  }
  
  .licensebox .collapsible-block-link {
      opacity: 0.5;
      transition-duration: 0.3s;
  }
  
  .licensebox .collapsible-block-link:hover {
      opacity: 1;
      transition-duration: 0.3s;
  }
  
  @media (max-width: 430px) {
      :where(#page-content) table {
          width: fit-content;
      }
  }
  
  #page-content {
      position: relative;
  }
  
  @keyframes fademodal {
    70% { visibility: hidden; }
    100% { visibility: visible; }
  }
  
  ul.modal-wrapper > li {
      list-style: none;
      position: absolute;
      top: -0.1rem;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9;
      transition: opacity 0.3s ease-out;
      animation: 0.15s fademodal;
      animation-fill-mode: forwards;
  }
  
  ul.modal-wrapper > li.unfolded {
      visibility: visible;
      opacity: 1;
  }
  
  ul.modal-wrapper > li.folded {
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
      user-select: none;
  }
  
  .unfolded-ec-warning {
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
  }
  
  ul:has(.unfolded) ~ div.yui-navset {
      filter: blur(4px);
  }
  
  .ec, .ec-popup {
      width: 100%;
      box-sizing: border-box;
      background-color: rgb(var(--basalt-secondary-color));
      border: 5px solid rgb(var(--ec-popup-color));
  }
  
  .ec {
      font-family: 'Departure Mono';
      padding: 10px;
      background-image: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
      background-size: cover;
      background-position: center, center;
      background-blend-mode: darken;
      font-size: 90%;
  }
  
  .ec-popup {
      height: 70vh;
      overflow: auto;
      position: relative;
  }
  
  .ec-title {
      font-family: 'Departure Mono';
      font-size: 2rem;
      padding: 0;
      margin: auto;
  }
  
  .ec-grid {
      display: grid;
      width: 100%;
      height: 100%;
      grid-template-rows: min-content;
      grid-template-columns: repeat(3, minmax(0, 1fr))
  }
  
  .ec-popup-login, .ec-popup-date {
      font-family: 'Departure Mono';
      padding-left: 10px;
      font-size: 125%;
      opacity: 0.6;
      transition-duration: 0.3s;
  }
  
  :is(.ec-popup-login, .ec-popup-date):hover {
      opacity: 1;
      transition-duration: 0.3s;
  }
  
  .ec-popup-login {
      grid-column-start: 1;
      white-space: nowrap;
  }
  
  .ec-popup-login a {
      pointer-events: none;
  }
  
  .ec-popup-date {
      text-align: right;
      padding-right: 10px;
      grid-column-start: span 2;
  }
  
  .ec-popup-title {
      width: 100%;
      font-family: 'Departure Mono';
      font-size: 275%;
      text-align: center;
      box-sizing: border-box;
      margin: auto;
      margin-top: 0;
      padding: 20px;
      border-top: 8px double rgb(var(--ec-popup-color));
      border-bottom: 8px double rgb(var(--ec-popup-color));
      grid-column-start: span 3;
  }
  
  .ec-popup-desc {
      text-align: center;
      margin: auto;
      grid-column-start: span 3;
      font-family: 'Departure Mono';
      font-size: 1rem;
      width: 75%;
      box-sizing: border-box;
  }
  
  .ec-options {
      display: grid;
      width: 65%;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      background: rgb(var(--basalt-secondary-color));
      margin: auto;
      aspect-ratio: 12/1 auto;
  }
  
  :is(.ec-theme-button, .ec-colorblind-button, .ec-accessibility-button) {
      text-align: center;
      font-family: 'Departure Mono';
      border: 5px solid rgb(var(--ec-popup-color));
      border-top: 0px;
      box-sizing: border-box;
      position: relative;
      transition-duration: 0.5s;
      display: grid;
  }
  
  .ec-button-inner-wrapper {
      margin: auto;
  }
  
  :is(.ec-theme-button, .ec-colorblind-button, .ec-accessibility-button) a {
      text-decoration: none !important;
  }
  
  .ec-button-inner-wrapper a::before {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      content: "";
  }
  
  .ec-theme-button {
      border-right: 2.5px solid rgb(var(--ec-popup-color));
  }
  
  .ec-colorblind-button {
      border-left: 2.5px solid rgb(var(--ec-popup-color));
      border-right: 2.5px solid rgb(var(--ec-popup-color));
  }
  
  .ec-accessibility-button {
      border-left: 2.5px solid rgb(var(--ec-popup-color));
  }
  
  :is(.ec-theme-button , .ec-accessibility-button, .ec-colorblind-button):hover {
      background-color: rgba(0, 0, 0, 0.5);
      transition-duration: 0.5s;
  }
  
  .ecinside {
      font-family: var(--body-font);
      font-size: var(--page-content-font-size);
      color: rgb(195, 195, 200);
  }
  
  .colorblind-mode-on, .light-mode-on {
      display: none;
  }
  
  :is(.ec, .ec-popup-login, .ec-popup-date, .ec-popup-title, .ec-popup-button) > p,
  :is(.ec, .ec-popup-class, .ec-popup-status, .ec-popup-priority) div:not(.ecinside) > p {
      margin: auto;
  }
  
  :is(.ec-popup-title, .ec-popup-button) > p {
      line-height: 1.2;
  }
  
  .ec-popup-button {
      width: 40%;
      margin: auto;
      margin-bottom: 20px;
      padding: 10px;
      text-align: center;
      background-color: rgba(0, 0, 0, 0);
      transition-duration: 0.5s;
      grid-column-start: span 3;
      position: relative;
      border: 8px double rgb(var(--ec-popup-color));
      box-sizing: border-box;
      letter-spacing: 2px;
      cursor: pointer;
  }
  
  .ec-popup-button:hover {
      background-color: rgba(0, 0, 0, 0.5);
      transition-duration: 0.5s;
      letter-spacing: 10px;
  }
  
  .ec-popup-button :is(a, a:hover, a:active, a:focus) {
      text-decoration: none;
      pointer-events: none;
      font-family: 'Departure Mono';
      font-size: 370%;
  }
  
  .ec-popup-class, .ec-popup-status, .ec-popup-priority {
      display: flex;
      flex-direction: column;
      font-family: 'Departure Mono';
      text-align: center;
      border-bottom: 8px double rgb(var(--ec-popup-color));
  }
  
  :is(.ec-popup-class, .ec-popup-status, .ec-popup-priority) div:first-child {
      font-size: 120%;
      opacity: 0.7;
      margin-bottom: -10px;
  }
  
  :is(.ec-popup-class, .ec-popup-status, .ec-popup-priority) div:last-child {
      font-size: 175%;
  }
  
  .whitepop {
      color: rgb(195, 195, 200);
  }
  
  .ec-comments .blockquote {
      border: 3px double rgb(var(--ec-popup-color));
      background: rgba(var(--basalt-secondary-color), 0.7);
      width: 100%;
      margin: auto;
      margin-bottom: 20px;
  }
  
  .ec-comment {
      padding-left: 15px;
      margin-top: -7px;
  }
  
  @media (max-width: 733px) {
      .ec-popup {
          height: fit-content;
      }
  
      .ec-title {
          font-size: 7vw;
      }
  
      .ec-popup-title {
          font-size: 7vw;
      }
  
      .ec-popup-button:hover {
          letter-spacing: 5px;
      }
  
      .ec-popup-desc {
          font-family: 'Departure Mono';
          font-size: 3vw;
          width: 100%;
          padding: 5px;
      }
      
      .ec-popup-login, .ec-popup-date {
          opacity: 1;
          font-size: 3.7vw;
          grid-column-start: span 3;
          text-align: center;
          padding-right: 10px;
          margin: auto;
      }
  
      div.ec-popup-button :is(a, a:hover, a:active, a:focus) {
          font-size: 4.5vw;
      }
  
      :is(.ec-popup-class, .ec-popup-status, .ec-popup-priority) div:last-child {
          font-size: 4.3vw;
      }
  
      .ec-options {
          width: 100%;
          font-size: 90%;
      }
  }
  
  @media (max-width: 450px) {
      div.scientistimage {
          width: fit-content;
          margin: auto;
          float: unset;
      }
  
      .ec-popup-button {
          width: 50vw;
          font-size: 1.5vw;
      }
  }
  
  
  
  
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b) {
      padding: 0px 2px 0px;
  }
  
  .bi-r {
      background-color: rgba(255, 0, 0, 0.25);
  }
  
  .bi-y {
      background-color: rgba(255, 255, 0, 0.25);
  }
  
  .bi-g {
      background-color: rgba(0, 255, 0, 0.25);
  }
  
  .bi-b {
      background-color: rgba(0, 150, 255, 0.25);
  }
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b) :is(a, a:hover, a:active, a:focus) {
      text-decoration: none;
      color: inherit;
  }
  
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b) + .bi-popup {
      background-color: rgb(var(--basalt-secondary-color));
      background-image: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
      background-size: cover;
      background-position: center, center;
      background-blend-mode: darken;
      border: 5px solid rgb(var(--ec-popup-color));
      font-family: 'Departure Mono';
      padding: 10px;
      font-size: 90%;
      opacity: 0;
      position: fixed;
      bottom: 4rem;
      left: 50%;
      translate: -50%;
      width: 65%;
      transition-duration: 0.2s;
      z-index: 8;
      visibility: hidden;
      max-height: calc(100vh - 12rem);
      overflow: scroll;
      font-style: normal;
  }
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b) + .bi-popup::before {
      content: "REVIEWER ANNOTATION";
      font-weight: bold;
      font-size: 135%;
      text-decoration: underline;
      display: block;
      text-align: center;
      color: #fff;
      margin-bottom: 5px;
  }
  
  :is(.bi-r, .bi-y, .bi-g) + .bi-popup strong {
      font-size: 115%;
      color: #fff;
      text-decoration: underline;
  }
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b) + .bi-popup a {
      pointer-events: auto;
  }
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b):is(:hover, :focus, :focus-within) + .bi-popup, .bi-popup:is(:hover, :focus, :focus-within) {
      opacity: 1;
      transition-duration: 0.2s;
      bottom: 5rem;
      visibility: visible;
  }
  
  :is(.bi-r, .bi-y, .bi-g, .bi-b) .scp-image-block {
      margin: .2rem .2rem .2rem .2rem;
      border-bottom: 0px;
  }
  
  @media (max-width: 575px) {
      :is(.bi-r, .bi-y, .bi-g, .bi-b) + .bi-popup {
          width: 90%;
      }
  }
  
  

Inline Styles

• background: linear-gradient(transparent, transparent 65%, rgb(var(--ec-popup-color)) 95%); padding: 5px;

• background: linear-gradient(transparent, transparent 65%, rgb(var(--basalt-secondary-color)) 95%); border: none;

• text-align: center;

• text-align: center;

• font-family: 'Departure Mono'; font-size: 95%;

Includes

• component:preview
• :scp-wiki:component:license-box [info]
• :scp-wiki:component:license-box-end [info]
• :scp-wiki:theme:basalt [info]

CSS Classes

• ec

• blockquote

• ecinside

• bi-b

• bi-popup

• bi-y

• bi-popup

• bi-g

• bi-popup

• bi-r

• bi-popup

• ab-test-subject

• bottom-rating-module

Page Source

=====
[[include component:preview
text=Happy first anniversary.]]
=====

[[=]]
[[module Rate]]
[[/=]]

[[div style="background: linear-gradient(transparent, transparent 65%, rgb(var(--ec-popup-color)) 95%); padding: 5px;"]]
[[div class="ec" style="background: linear-gradient(transparent, transparent 65%, rgb(var(--basalt-secondary-color)) 95%); border: none;"]]

[[div class="blockquote ecinside"]]

On listless days, I dream alone,
'neath this blackened sky.
Those words you spoke, etch'd deep in stone, still
beg me yet to die.

In times afore, my pure dream shone—
how foolish, was I?
A sinless crime, nought to atone, yet
none would hear my cry.

@@ @@

Your stare, felt in whispered woes — but
thought it a mere bout,
assumed you'd tire in your throes, not
strive to seek me out.

My first mistake, my costly foe:
ceding to my doubt;
for in its place, my overthrow, and
left escape no route.

@@ @@

So thus incurr'd was heaven's rage,
fury had its hell.
Confined within a leaded cage; for
me, they tolled its bell.

But oh doth wisdom come with age—
since time could only tell—
alone I journeyed on this stage, and
[[span class="bi-b"]][[a href="javascript:void(0)"]]not one wished me well.[[/a]][[/span]][[span class="bi-popup" style="text-align: center;"]]
Is it my fault
I didn't halt
his rare assault
inside that vault?
@@ @@
Was it your aim
to shift your blame
to this cold dame?
A goddamn shame
@@ @@
that your mistake
should somehow take—
and somehow make—
all my deeds fake.
@@ @@
And now that gaze,
its scornful raze,
dares set ablaze
my new life's phase?
@@ @@
We both do know
my heart's of snow
to friend //and// foe—
So let it go!
@@ @@
It's not all fair
to bring despair
and thus impair
my right to heir
@@ @@
of this hell-ditch,
within my niche—
to do your snitch
against this witch!
@@ @@
...
@@ @@
Ain't that real fucking //rich//
coming from a paltry //bitch//.
[[/span]]

@@ @@

The coming days and nights of scorn,
led me to brink despair,
'lone in the depths, whence was borne: this
future solitaire.

By month six, I was forlorn,
God ignorant to pray'r,
and I — //stupid!// — brought to mourn,
a future new nightmare.

@@ @@

Although I saw that brief hope spot,
glimmer in the light——
it would not be my lot
to see it burn so bright. 

For ten years I did jot
what he said I should write
betwixt of which I [[span class="bi-y"]][[a href="javascript:void(0)"]]sought argot[[/a]][[/span]][[span class="bi-popup" style="text-align: center;"]]The wreaths of wealth protected me from pain,
And shielded squalor from my mental woe.
Yet from the world a girl cannot abstain
Lest Lethe drown her mind beneath its flow.
@@ @@
Conviction closed the path around my soul
And lifted me above its common lot.
Endeavored I to rid the world of droll
And suffer silence soundly I could not.
@@ @@
The summit's peak beheld a dreadful sight:
Misfortuned souls brought heel to bleak despair.
Through Ethics' channels, sought to ease their plight
Afforded nought to tend their wounds or care.
@@ @@
So thus I'll carve my path to find your way,
And maybe... get to speak to you some day.[[/span]]...
but silence met my plight.

@@ @@

A world of black and grey
was all I saw each day
which dulled my sense away
and left me in a haze

And in the time I lay
I did not think I may
find will not to obey
or find words right to say

@@ @@
@@ @@
@@ @@

...When they finally found me,
'neath that c'lossal wreck:
not much left of me to be,
not much left perfect.

My eye blind; I couldn't see
my face in the mir'r,
and in my mind, there was //he//,
growing ever clear'r.

@@ @@

And so my hell did not end
with my liberty,
this change — I could not contend
I was truly free.

Those that sought my heart to mend—
my mind to agree—
I forced them, in pain, to bend
[[span class="bi-g"]][[a href="javascript:void(0)"]]and give up on me.[[/a]][[/span]][[span class="bi-popup"]]I remember when I first walked in on
you, sitting in that chamber—
Your eyes, glued down to the page,
your ears dulled to all sense.
@@ @@
I remember myself staring down at
you, calling your name out—
"Lillian," I whispered, "can you hear me?"
But death was all I saw stare back.
@@ @@
I remember the fear I had felt when
you, eyes red awake, asked—
"Lillian?" the sound faltering in your throat,
its uncertainty piercing my frame: "Is that my name?"
@@ @@
I remember the tears flowing down for
you, as you stared confused—
Not a flicker of a life worth living
behind those oh so bright eyes I once admired.
@@ @@
I remember promising myself to
you, the pen hovering above whistleblow—
That I would not leave your side
until you stood as tall as I.
@@ @@
I remember those initial days when
you, you, could not bear—
When you'd scream and scream and
rock on your bed, creaking 'neath your groans.
@@ @@
I remember all those sleepless nights, while 
you, awakening, again began—
And I'd comfort you in dying hugs,
because I could not else live with myself.
@@ @@
I remember the grinding feeling, as
you, in throes, tested—
the limits of my patience and regret,
and made me resent you much like he did.
@@ @@
I remember how I hollowed out, and
you, stagnating, slipped back into that pit—
How a fifth of your lot's time withered me away
and left me the invalid's invalid.
@@ @@
I remember writing that email, so
I, might finally //finally// know some peace—
Then dented the desk with the weight of my head
and sobbed under hell's judgement until the morning.
@@ @@
I remember when she came back and took
you, the numb on our faces, and I sighed—
I //sighed//—
both from relief of my shoulders lifted,
and the bleeding of knowing I couldn't keep my promise.
@@ @@
I remember how that monster had torn
you apart, and how I had thought—
That that man had been my mentor, my neighbor, my friend,
And now his skin is the same scarlet shade as mine.
@@ @@
I remember, I remember now, how
you, in days since, haunted my every waking hour—
As the guilt digs into my heart,
and the guilt bores into my mind,
and the guilt burrows into the depths of my soul.
@@ @@
And all I can remember is how
you looked at me all those years ago,
with your hopeful, watchful eyes,
@@ @@
and all i can remember now is the pain of how i failed you.
[[/span]]

@@ @@

Many years, I toiled much
to escape my lot,
and though, never felt as such,
came to that bright spot.

Although I lean on a crutch
(since I've not forgot
that claw'd grasp of heaven's touch)
I chose not to rot.

@@ @@

For if no man's an island
no woman's a shore; and
once I kicked its blackened sand
I began to soar.

Though I'll never understand
your unsettled score—
And though I'll never face remand
still I will abhor—


@@ @@

Only on those listless days
these thoughts come to fore,
and though it rarely ever preys...
deeper it yet bores:

@@ @@

—those words; to you, just cursory, were
drilled into my core:

@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@

[[span style="font-family: 'Departure Mono'; font-size: 95%;"]]Happy first anniversary, [[span class="bi-r"]][[a href="javascript:void(0)"]]Lillian,[[/a]][[/span]][[span class="bi-popup"]]@@ @@
@@ @@
@@ @@[[/span]]
here's to many more.[[/span]]

[[/div]]

[[/div]]
[[/div]]
@@ @@
@@ @@
@@ @@

[!-- A/B testing whether rate module at the bottom of the page actually affects anything - see https://scp-wiki.wikidot.com/forum/t-17022412/should-your-article-have-a-2nd-rating-module --]
[[module css]]
/* Only show the A/B test subject when the A/B test is active */
:not(.ab-test--active) + .ab-test-subject { display: none; }

.bottom-rating-module {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-block: 1rem;
}
.bottom-rating-module .page-rate-widget-box {
  margin: 0;
}
[[/module]]
[[module ListUsers users="."]]
[[div class="ab-test ab-test--[[#ifexpr %%number%% % 2 == 0 | active | inactive ]]"]]
[[/div]]
[[/module]]
[[div class="ab-test-subject bottom-rating-module"]]
[[module Rate]]
[[/div]]

[[include :scp-wiki:component:license-box]]
[[include :scp-wiki:component:license-box-end]]






























[[include :scp-wiki:theme:basalt darkmode=a]]

[[module CSS]]

@import url('https://scp-wiki.wikidot.com/local--files/scp-8980/departuremono.css');

:root {
    --logo: url(http://scptestwiki.wikidot.com/local--files/sigma:lol/ecw.png);
    --header-title: "ETHICS COMMITTEE";
    --header-subtitle: "INTERNAL RECORDKEEPING INTERFACE";
    --basalt-primary-color: 0, 15, 0;
    --basalt-secondary-color: 0, 22, 0;
    --basalt-tertiary-color: 0, 30, 0;
    --ec-popup-color: 10, 70, 10;
    --basalt-bright-element-color: 16, 184, 16;
    --basalt-dark-element-color: 10, 150, 10;
    --rfr-primary: #E0F6FD;
    --rfr-secondary: lightskyblue;
}

body {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)), url("https://scp-wiki.wikidot.com/local--files/scp-8980/fractal.webp");
    background-position: center, center;
    background-size: cover;
    background-attachment: scroll, fixed;
}

b, strong {
    font-weight: 800;
}

table {
    box-sizing: border-box;
}

.content-warning {
    font-size: 85%;
    translate: 0px -5px;
}

#top-bar div[class*="top-bar"] > ul > li > a {
    font-size: 115%;
}

#page-title {
    text-align: center;
    border-bottom: none;
}

.page-title {
    border-bottom: solid 1px #424248;
    font-weight: normal;
    margin: 0 0 0.6em;
    padding: 0 0 0.25em;
    font-size: 200%;
    font-family: var(--title-font);
}

.page-title p {
    margin: 0;
}

#breadcrumbs, .pseudocrumbs {
    margin: auto;
    width: fit-content;
    padding-bottom: 5px;
    opacity: 0.8;
}

#page-content .yui-content div {
    overflow: hidden;
}

#page-content div:is(.document, .darkdocument) {
    max-width: 50rem;
}

div:is(.document, .darkdocument)::before, div:is(.document, .darkdocument)::after {
    position: relative !important;
}

div.blockquote {
    background-color: #0f0f0f;
}

div.blockquote.light {
    background-color: #2b2b2b;
}

.red-text {
    color: red;
}

.licensebox .collapsible-block-link {
    opacity: 0.5;
    transition-duration: 0.3s;
}

.licensebox .collapsible-block-link:hover {
    opacity: 1;
    transition-duration: 0.3s;
}

@media (max-width: 430px) {
    :where(#page-content) table {
        width: fit-content;
    }
}

#page-content {
    position: relative;
}

@keyframes fademodal {
  70% { visibility: hidden; }
  100% { visibility: visible; }
}

ul.modal-wrapper > li {
    list-style: none;
    position: absolute;
    top: -0.1rem;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    transition: opacity 0.3s ease-out;
    animation: 0.15s fademodal;
    animation-fill-mode: forwards;
}

ul.modal-wrapper > li.unfolded {
    visibility: visible;
    opacity: 1;
}

ul.modal-wrapper > li.folded {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    user-select: none;
}

.unfolded-ec-warning {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

ul:has(.unfolded) ~ div.yui-navset {
    filter: blur(4px);
}

.ec, .ec-popup {
    width: 100%;
    box-sizing: border-box;
    background-color: rgb(var(--basalt-secondary-color));
    border: 5px solid rgb(var(--ec-popup-color));
}

.ec {
    font-family: 'Departure Mono';
    padding: 10px;
    background-image: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
    background-size: cover;
    background-position: center, center;
    background-blend-mode: darken;
    font-size: 90%;
}

.ec-popup {
    height: 70vh;
    overflow: auto;
    position: relative;
}

.ec-title {
    font-family: 'Departure Mono';
    font-size: 2rem;
    padding: 0;
    margin: auto;
}

.ec-grid {
    display: grid;
    width: 100%;
    height: 100%;
    grid-template-rows: min-content;
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.ec-popup-login, .ec-popup-date {
    font-family: 'Departure Mono';
    padding-left: 10px;
    font-size: 125%;
    opacity: 0.6;
    transition-duration: 0.3s;
}

:is(.ec-popup-login, .ec-popup-date):hover {
    opacity: 1;
    transition-duration: 0.3s;
}

.ec-popup-login {
    grid-column-start: 1;
    white-space: nowrap;
}

.ec-popup-login a {
    pointer-events: none;
}

.ec-popup-date {
    text-align: right;
    padding-right: 10px;
    grid-column-start: span 2;
}

.ec-popup-title {
    width: 100%;
    font-family: 'Departure Mono';
    font-size: 275%;
    text-align: center;
    box-sizing: border-box;
    margin: auto;
    margin-top: 0;
    padding: 20px;
    border-top: 8px double rgb(var(--ec-popup-color));
    border-bottom: 8px double rgb(var(--ec-popup-color));
    grid-column-start: span 3;
}

.ec-popup-desc {
    text-align: center;
    margin: auto;
    grid-column-start: span 3;
    font-family: 'Departure Mono';
    font-size: 1rem;
    width: 75%;
    box-sizing: border-box;
}

.ec-options {
    display: grid;
    width: 65%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background: rgb(var(--basalt-secondary-color));
    margin: auto;
    aspect-ratio: 12/1 auto;
}

:is(.ec-theme-button, .ec-colorblind-button, .ec-accessibility-button) {
    text-align: center;
    font-family: 'Departure Mono';
    border: 5px solid rgb(var(--ec-popup-color));
    border-top: 0px;
    box-sizing: border-box;
    position: relative;
    transition-duration: 0.5s;
    display: grid;
}

.ec-button-inner-wrapper {
    margin: auto;
}

:is(.ec-theme-button, .ec-colorblind-button, .ec-accessibility-button) a {
    text-decoration: none !important;
}

.ec-button-inner-wrapper a::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}

.ec-theme-button {
    border-right: 2.5px solid rgb(var(--ec-popup-color));
}

.ec-colorblind-button {
    border-left: 2.5px solid rgb(var(--ec-popup-color));
    border-right: 2.5px solid rgb(var(--ec-popup-color));
}

.ec-accessibility-button {
    border-left: 2.5px solid rgb(var(--ec-popup-color));
}

:is(.ec-theme-button , .ec-accessibility-button, .ec-colorblind-button):hover {
    background-color: rgba(0, 0, 0, 0.5);
    transition-duration: 0.5s;
}

.ecinside {
    font-family: var(--body-font);
    font-size: var(--page-content-font-size);
    color: rgb(195, 195, 200);
}

.colorblind-mode-on, .light-mode-on {
    display: none;
}

:is(.ec, .ec-popup-login, .ec-popup-date, .ec-popup-title, .ec-popup-button) > p,
:is(.ec, .ec-popup-class, .ec-popup-status, .ec-popup-priority) div:not(.ecinside) > p {
    margin: auto;
}

:is(.ec-popup-title, .ec-popup-button) > p {
    line-height: 1.2;
}

.ec-popup-button {
    width: 40%;
    margin: auto;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    transition-duration: 0.5s;
    grid-column-start: span 3;
    position: relative;
    border: 8px double rgb(var(--ec-popup-color));
    box-sizing: border-box;
    letter-spacing: 2px;
    cursor: pointer;
}

.ec-popup-button:hover {
    background-color: rgba(0, 0, 0, 0.5);
    transition-duration: 0.5s;
    letter-spacing: 10px;
}

.ec-popup-button :is(a, a:hover, a:active, a:focus) {
    text-decoration: none;
    pointer-events: none;
    font-family: 'Departure Mono';
    font-size: 370%;
}

.ec-popup-class, .ec-popup-status, .ec-popup-priority {
    display: flex;
    flex-direction: column;
    font-family: 'Departure Mono';
    text-align: center;
    border-bottom: 8px double rgb(var(--ec-popup-color));
}

:is(.ec-popup-class, .ec-popup-status, .ec-popup-priority) div:first-child {
    font-size: 120%;
    opacity: 0.7;
    margin-bottom: -10px;
}

:is(.ec-popup-class, .ec-popup-status, .ec-popup-priority) div:last-child {
    font-size: 175%;
}

.whitepop {
    color: rgb(195, 195, 200);
}

.ec-comments .blockquote {
    border: 3px double rgb(var(--ec-popup-color));
    background: rgba(var(--basalt-secondary-color), 0.7);
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
}

.ec-comment {
    padding-left: 15px;
    margin-top: -7px;
}

@media (max-width: 733px) {
    .ec-popup {
        height: fit-content;
    }

    .ec-title {
        font-size: 7vw;
    }

    .ec-popup-title {
        font-size: 7vw;
    }

    .ec-popup-button:hover {
        letter-spacing: 5px;
    }

    .ec-popup-desc {
        font-family: 'Departure Mono';
        font-size: 3vw;
        width: 100%;
        padding: 5px;
    }
    
    .ec-popup-login, .ec-popup-date {
        opacity: 1;
        font-size: 3.7vw;
        grid-column-start: span 3;
        text-align: center;
        padding-right: 10px;
        margin: auto;
    }

    div.ec-popup-button :is(a, a:hover, a:active, a:focus) {
        font-size: 4.5vw;
    }

    :is(.ec-popup-class, .ec-popup-status, .ec-popup-priority) div:last-child {
        font-size: 4.3vw;
    }

    .ec-options {
        width: 100%;
        font-size: 90%;
    }
}

@media (max-width: 450px) {
    div.scientistimage {
        width: fit-content;
        margin: auto;
        float: unset;
    }

    .ec-popup-button {
        width: 50vw;
        font-size: 1.5vw;
    }
}





:is(.bi-r, .bi-y, .bi-g, .bi-b) {
    padding: 0px 2px 0px;
}

.bi-r {
    background-color: rgba(255, 0, 0, 0.25);
}

.bi-y {
    background-color: rgba(255, 255, 0, 0.25);
}

.bi-g {
    background-color: rgba(0, 255, 0, 0.25);
}

.bi-b {
    background-color: rgba(0, 150, 255, 0.25);
}

:is(.bi-r, .bi-y, .bi-g, .bi-b) :is(a, a:hover, a:active, a:focus) {
    text-decoration: none;
    color: inherit;
}


:is(.bi-r, .bi-y, .bi-g, .bi-b) + .bi-popup {
    background-color: rgb(var(--basalt-secondary-color));
    background-image: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
    background-size: cover;
    background-position: center, center;
    background-blend-mode: darken;
    border: 5px solid rgb(var(--ec-popup-color));
    font-family: 'Departure Mono';
    padding: 10px;
    font-size: 90%;
    opacity: 0;
    position: fixed;
    bottom: 4rem;
    left: 50%;
    translate: -50%;
    width: 65%;
    transition-duration: 0.2s;
    z-index: 8;
    visibility: hidden;
    max-height: calc(100vh - 12rem);
    overflow: scroll;
    font-style: normal;
}

:is(.bi-r, .bi-y, .bi-g, .bi-b) + .bi-popup::before {
    content: "REVIEWER ANNOTATION";
    font-weight: bold;
    font-size: 135%;
    text-decoration: underline;
    display: block;
    text-align: center;
    color: #fff;
    margin-bottom: 5px;
}

:is(.bi-r, .bi-y, .bi-g) + .bi-popup strong {
    font-size: 115%;
    color: #fff;
    text-decoration: underline;
}

:is(.bi-r, .bi-y, .bi-g, .bi-b) + .bi-popup a {
    pointer-events: auto;
}

:is(.bi-r, .bi-y, .bi-g, .bi-b):is(:hover, :focus, :focus-within) + .bi-popup, .bi-popup:is(:hover, :focus, :focus-within) {
    opacity: 1;
    transition-duration: 0.2s;
    bottom: 5rem;
    visibility: visible;
}

:is(.bi-r, .bi-y, .bi-g, .bi-b) .scp-image-block {
    margin: .2rem .2rem .2rem .2rem;
    border-bottom: 0px;
}

@media (max-width: 575px) {
    :is(.bi-r, .bi-y, .bi-g, .bi-b) + .bi-popup {
        width: 90%;
    }
}


[[/module]]