:root {
--sidebar-width-on-desktop: calc(var(--base-font-size) * (266 / 15));
--body-width-on-desktop: 45.75rem;
}
@media only screen and (min-width: 56.25rem) {
#content-wrap {
display: flex;
position: initial;
flex-direction: row;
flex-grow: 2;
width: calc(100vw - (100vw - 100%));
max-width: inherit;
height: auto;
min-height: calc(100vh - var(--final-header-height-on-desktop, 10.125rem));
margin: 0 var(--sidebar-width-on-desktop, 13.6rem) 0 calc(var(--sidebar-width-on-desktop, 13.6rem) * -1 / 2);
}
#main-content {
position: initial;
width: var(--body-width-on-desktop, 45.75rem);
max-width: var(--body-width-on-desktop, 45.75rem);
max-height: 100%;
margin: 0 auto;
padding: 2rem 1rem;
}
#page-content {
max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
}
#side-bar {
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
grid-area: side-bar;
width: var(--sidebar-width-on-desktop, 13.6rem) !important;
min-width: var(--sidebar-width-on-desktop, 13.6rem) !important;
max-height: 100vh;
padding-right: 2.5rem;
padding-left: 0.5rem;
overflow-y: scroll;
transition:
translate 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
padding 300ms linear,
margin 300ms linear;
border: none;
border-color: rgba(var(--swatch-tertiary-color, 170, 170, 170), 0.4);
background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0);
translate: calc(var(--sidebar-width-on-desktop, 13.5rem) * -1 - 1rem);
direction: rtl;
scrollbar-width: thin;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
scrollbar-color:
rgba(var(--swatch-primary-darker), 0.1) /* Thumb */
rgba(var(--swatch-tertiary-color), 0.05); /* Track */
}
#side-bar::-webkit-scrollbar-track {
background-color: rgba(var(--swatch-secondary-color, 244, 244, 244), 0.8);
}
#side-bar::-webkit-scrollbar,
#side-bar::-webkit-scrollbar-thumb,
#side-bar::-webkit-scrollbar-corner {
width: 0.5rem;
border-right-width: calc(100vw + 100vh);
border-right-style: inset;
border-color: inherit;
background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0);
}
#side-bar:is(:hover, :active, :focus-within) {
margin-right: 2.25rem;
padding-right: 0.25rem;
overflow-x: hidden;
overflow-y: auto;
border-color: rgba(var(--swatch-primary-darker), 1);
background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 1);
translate: calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0));
scrollbar-color:
rgba(170, 170, 170, 1) /* Thumb */
rgba(252, 252, 252, 1); /* Track */
scrollbar-color:
rgb(var(--swatch-primary-darker, 170, 170, 170), 1) /* Thumb */
rgb(var(--swatch-menubg-color, 252, 252, 252), 1); /* Track */
}
#main-content::after {
content: " ";
display: flex;
position: fixed;
top: 0;
left: 1rem;
align-items: center;
justify-content: center;
width: 1rem;
height: 100%;
max-height: 100%;
transition:
left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
background: url("https://scp-wiki.wdfiles.com/local--files/component%3Acollapsible-sidebar/sidebar-tab.svg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center left 1rem;
background-size: 1rem 12.875rem;
pointer-events: none;
}
#side-bar:is(:hover, :active, :focus-within) + #main-content::after {
left: calc(var(--sidebar-width-on-desktop, 14.5rem) * -1);
width: 0rem;
transition:
left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
opacity: 0;
background-position: center left calc(var(--sidebar-width-on-desktop, 14.5rem) * -1);
font-size: 0em;
}
#main-content::before {
content: " ";
position: absolute;
z-index: 9;
top: var(--final-header-height-on-desktop, 0);
left: 0;
width: var(--sidebar-width-on-desktop, 14.5rem);
height: calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem);
margin-bottom: calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem);
transition:
translate 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
opacity: 0.5;
background-color: rgb(var(--swatch-alternate-color, 0, 0, 0));
pointer-events: none;
translate: calc(var(--sidebar-width-on-desktop, 14.5rem) * -1 + 1rem);
}
#side-bar:is(:hover, :active, :focus-within) + #main-content::before {
translate: 0;
opacity: 0;
}
#side-bar .side-block {
margin-top: 1em;
padding-left: 0.25em;
border-right-width: 0rem;
border-left-width: 0rem;
border-radius: 0;
background-color: rgb(0, 0, 0, 0);
direction: ltr;
}
#side-bar .scpnet-interwiki-wrapper {
direction: ltr;
}
/* Print Friendly Formatting by Estrella */
body.print-body {
--sidebar-width-on-desktop: 0;
}
body.print-body #main-content::before,
body.print-body #main-content::after {
display: none;
}
}
Laurel Brinley adjusted his tie for the fourth time in five minutes. Up until last week, he had been a mid-level actuary in a beige cubicle. Now, thanks to the sudden, explosive demise of a distant great-uncle he’d never met, he was the sole owner and CEO of Jamison Mining Company.
He sat behind his desk, staring at a ledger that made absolutely no sense. The list didn't read like a mining company.
A soft knock at the door broke his concentration.
"C-come in," Laurel called out, projecting executive authority.
The door clicked open, and a young woman slipped into the room. She wore an oversized grey cardigan, thick glasses, and had mousy brown hair pulled into a messy bun. She clutched a thick manila folder to her chest like a shield.
"Uhm, excuse me, Mr. Brinley, sir?" she squeaked, eyes fixed firmly on the corner of his desk. "I, ah, I brought the incident files for the…the Yukon property. Asset Site 94."
Laurel sighed in relief. Finally, a normal corporate term. "Thank you. You’re the secretary, right? Uh…..I'm sorry, my great-uncle's notes just referred to you as 'Rabbit'."
"Oh! Y-yes, sir. Rabbit is fine. Everyone calls me that," she stammered, shuffling forward to gently place the file on his desk. She took two quick leaps back, wringing her hands. "It’s, uhm, regarding the anomaly in the primary shaft."
Laurel frowned, flipping the folder open. "The what? Anomaly? Is that a geological term? Like a fault line?"
Rabbit blinked, her eyes wide behind her lenses. "Oh. Uhm. I suppose you could call it a fault line. Just…..uhm…a fault line in local reality, sir. It, ah, tends to swallow things. And sometimes….rarely spit things back out."
Laurel stared at her, waiting for a punchline. None came. Rabbit just looked nervously at her shoes.
He looked down at the file. The first page was a faded, sepia-toned photograph of a woman in heavy 19th-century winter gear, followed by a series of written dairy entries.
"Rabbit, what am I looking at here?"
"That is, uhm, Miss Rose Orioan, sir," Rabbit said softly. "She was a consultant we brought in back in 1894 to survey the surrounding area. She…sh-she didn't come back up."
"A cave-in?" Laurel asked, knot forming in his stomach.
"N-no, sir. The tunnels just….broke. We didn't recover her. We only recovered her phonograph and diary equipment." Rabbit shifted her weight. "The retrieval team found a single wax cylinder. When they played it back, it was just…three minutes of her screaming. And, uhm, something else laughing in the background."
Laurel slowly closed the folder. The reality of his great-uncle’s company was beginning to crash down on him. Wasn't this meant to be a mining company?! This was something else entirely. He thought of the weird acronyms in the ledgers—SCP hush-money, UIU bribes, GOC hazard pay.
"Rabbit," Laurel said, his voice trembling. "Are you telling me that I own a mountain that eats people?"
Rabbit gasped softly, her hands flying up to her mouth. "Oh! Oh, no, Mr. Brinley! Please, don't look so pale! I didn't mean to frighten you!"
She took a hesitant step forward, offering a comforting, and genuine smile.
"You really shouldn't worry too hard about the wax cylinder, sir," she said gently, her tone was attempting to be soothing. "The screaming was just the first time we had the audio technology to record the anomaly properly! The event's have actually been swallowing miners and equipment since the early 1700s. It's perfectly routine."
Laurel just stared, his mind completely blank. "The….the early 1700s. Now how, exactly, do you know that?"
Rabbit let out a shy chuckle, adjusting her glasses.
"Oh, well, you get to know the company history when you do the filing, sir," she said brightly. "I've been assisting the director's office since 1724! You’ll get the hang of it in a few decades, I promise."
She gave him one last polite nod and quietly slipped out of the office, closing the door with a soft click.
"…What."
