@supports(display: grid) {
:root {
/* header measurements */
--header-height-on-desktop: 10rem;
--header-height-on-mobile: 10rem;
--header-h1-font-size: clamp(2rem, 5vw, 2.8125rem);
--header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem);
}
#header {
--search-textbox-text-color: var(--swatch-secondary-color);
background: none;
}
#header::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0.75rem;
background-image: var(--logo-image);
background-repeat: no-repeat;
background-position: center 0;
background-size: auto calc(var(--header-height-on-desktop) - 1.5rem);
opacity: 0.8;
pointer-events: none;
}
#header h1,
#header h2 {
margin: 0;
padding: 0;
width: 100%;
height: var(--header-height-on-desktop);
display: flex;
align-items: center;
justify-content: center;
display: flex;
align-items: center;
justify-content: center;
}
#header h1 a,
#header h1 a::before,
#header h2 span,
#header h2 span::before {
margin: 0;
padding: 0;
z-index: 0;
display: block;
text-align: center;
}
#header h1 {
z-index: 1;
}
#header h1 a::before,
#header h1 a::after {
content: var(--header-title);
}
#header h1 a::before {
color: rgb(var(--swatch-text-tertiary-color));
z-index: -1;
-webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark));
}
#header h1 a::after {
color: rgb(var(--swatch-headerh1-color));
z-index: 1;
}
#header h2 {
z-index: 0;
text-transform: uppercase;
pointer-events: none;
}
#header h2 span {
margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em);
}
#header h2 span::before,
#header h2 span::after {
--wght: 600;
content: var(--header-subtitle);
position: absolute;
left: 50%;
transform: translateY(-50%) translateX(-50%);
width: 100%;
text-align: center;
}
#header h2 span::before {
-webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark));
}
#header h2 span::after {
color: rgb(var(--swatch-headerh2-color));
z-index: 1;
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
color: rgba(0, 0, 0, 0);
}
@media (min-width: 36rem) {
#login-status {
flex-grow: 1;
left: 3%;
right: initial;
}
#login-status::before {
--mask-image: none;
background-color: transparent;
}
#login-status:not(:focus-within) {
color: rgb(var(--login-line-divider-color));
-webkit-user-select: initial;
-moz-user-select: initial;
-ms-user-select: initial;
user-select: initial;
}
#login-status #account-topbutton,
#login-status:not(:focus-within) #account-topbutton {
--clip-path:
polygon( 0 0, 100% 0, 100% 100%, 0 100% );
background-color: rgba(var(--login-arrow-color), 0);
}
#login-status #account-topbutton::before{
--clip-path:
polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
--mask-image: initial;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(var(--login-arrow-color), 1);
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
#login-status #account-topbutton::before,
#login-status:not(:focus-within) #account-topbutton::before,
#login-status:not(:focus-within) #account-topbutton:hover::before {
--clip-path:
polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
--mask-image: initial;
}
#login-status:not(:focus-within) #account-topbutton::after {
display: none;
}
#login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) {
--clip-path:
polygon(
0 0,
100% 0,
100% 100%,
0 100%
);
pointer-events: all;
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
#login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) {
opacity: 1;
}
#login-status #my-account {
--wght: 300;
}
#account-options {
background: var(--gradient-header);
}
#search-top-box {
top: 1.5em;
right: 3%;
background: rgba(var(--search-focus-textbox-bg-color), 0.4);
box-shadow: calc(var(--search-height) / 2 * -1) 0 calc(var(--search-height) / 2) rgba(var(--search-focus-textbox-bg-color), 0.4);
}
#search-top-box:focus-within ~ #login-status {
opacity: 1;
}
#search-top-box::after {
transition:
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
transition:
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
transition:
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1),
-webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
#search-top-box:not(:focus-within)::after {
--clip-path:
polygon(
0 0,
100% 0,
100% 100%,
0% 100%
);
background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1);
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
#search-top-box:not(:focus-within):hover::after {
--clip-path:
polygon(
0 0,
100% 0,
100% 100%,
0 100%
);
background-color: rgb(var(--search-icon-hover-bg-color));
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) {
max-width: var(--search-width);
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
max-width: var(--search-width);
padding: 0 var(--search-height) 0 1em;
outline-width: 0;
background-color: rgb(var(--search-focus-textbox-bg-color), 0.35);
color: rgba(var(--search-textbox-text-color), 0.4);
cursor: pointer;
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"],
#search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] {
pointer-events: all;
border: none;
}
}
#page-title::after,
.meta-title::after,
#page-title::before,
.meta-title::before {
content: "";
flex-grow: 1;
height: 0.0625rem;
background: rgb(var(--swatch-primary));
}
#page-title::before,
.meta-title::before {
margin: auto 1.25rem auto auto;
}
}
@supports(display: grid) {
:root {
--sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19);
--body-width-on-desktop: 45.75rem;
}
@media only screen and (min-width: 769px) {
#side-bar .close-menu {
display: block;
position: fixed;
top: 0.5rem;
left: 0.5rem;
width: 3rem;
height: 3rem;
opacity: 1;
pointer-events: all;
z-index: -1;
}
#side-bar .close-menu img {
color: transparent;
}
#side-bar .close-menu::before,
#side-bar .close-menu::after {
content: "";
box-sizing: border-box;
position: fixed;
display: block;
top: 0.5rem;
left: 0.5rem;
width: 3rem;
height: 3rem;
padding: 0;
margin: 0;
text-align: center;
pointer-events: all;
cursor: pointer;
transition:
opacity var(--sidebar-transition-timing);
}
#side-bar .close-menu::before {
--mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E");
z-index: -1;
background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%;
-webkit-mask-size: 60%;
mask-size: 60%;
}
#side-bar .close-menu::after {
z-index: -2;
background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important;
border-radius: var(--toggle-roundness, 50%);
border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid;
}
#side-bar:focus-within .close-menu,
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu {
pointer-events: none;
}
#side-bar:focus-within .close-menu::before,
#side-bar:focus-within .close-menu::after {
opacity: 0;
pointer-events: none;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before,
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after {
opacity: 0;
pointer-events: none;
}
#side-bar {
display: block;
position: fixed;
top: 0;
left: calc(var(--sidebar-width-on-desktop)*-1);
z-index: 10;
transition:
left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
margin-top: 0;
}
#side-bar:focus-within {
left: 0;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover {
left: 0;
}
#side-bar .side-block {
margin-top: 1rem;
background-color: rgb(0, 0, 0, 0);
border-radius: 0;
border-left-width: 0px;
border-right-width: 0px;
}
#main-content::before {
content: "";
display: block;
position: fixed;
top: 0;
right: 0;
z-index: -1;
opacity: 0;
transition:
opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
margin-left: var(--sidebar-width-on-desktop);
background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat;
padding-right: 0;
width: 100%;
height: 100vh;
pointer-events: none;
z-index: 99;
}
#side-bar:focus-within ~ #main-content::before {
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before {
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
@supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar {
padding: inherit;
} }
#content-wrap {
display: flex;
flex-direction: row;
width: calc(100vw - (100vw - 100%));
min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
flex-grow: 2;
height: auto;
position: relative;
margin: 0 auto;
max-width: inherit;
}
#main-content {
width: 100%;
position: initial;
max-height: 100%;
padding: 2rem 1rem;
width: var(--body-width-on-desktop, 45.75rem);
max-width: var(--body-width-on-desktop, 45.75rem);
margin: 0 auto;
}
#page-content {
max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
}
@supports (-webkit-hyphens:none) {
#side-bar {
transition:
left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
padding-right: 0;
background-color: rgb(0, 0, 0, 0);
pointer-events: all;
overflow-x: visible;
overflow-y: visible;
z-index: 999;
}
#side-bar::-webkit-scrollbar {
opacity: 0;
-webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}
#side-bar .close-menu::before {
z-index: 999;
}
#side-bar .close-menu::after {
z-index: 998;
}
#side-bar:hover .close-menu::before,
#side-bar:hover .close-menu::after {
opacity: 0;
}
#side-bar:hover {
left: 0;
background-color: rgba(var(--swatch-menubg-color), 1);
padding-right: 0;
}
#side-bar:hover::-webkit-scrollbar {
opacity: 1;
}
#side-bar:hover~#main-content::before {
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
}
}
}
“Коли довго вглядаєшся в безодню, безодня теж починає дивитися в тебе”, я вкотре повторюю цю фразу видряпуючи її на стіні шматком каменю з однієї з численних тріщин що вкривають це місце. Маленька кімнатка, з вицвілою від часу та занедбаности фарбою. У повітрі пахне сирістю, та пліснявою, ніби я в якомусь середньовічному підземеллі. Маленьке віконце, занадто високе аби крізь нього визирнути, пропускає лише бляклі промені зимового сонця. Це місце вганяє в безмежну тугу та самотність. Психіатрична лікарня. Зазвичай ми боїмося цих місць, осередки душевнохворих людей, що втратили своє я.
Опинитися тут для більшості, означає повний крах. Коли ліки припиняють діяти, я пишу на стіні цитати які пам’ятаю, аби довести, хоча б самому собі, що я не божевільний. Проте, лікарі вважають інакше, і продовжують виписувати мені ліки. Коли я протестую проти цього, намагаючись довести свою розумову адекватність, вони лише буркотять “буйний-буйний”. Через це рідко вдається хоча б нормально подумати. Хіба не тортура для живої, наділеної розумом істоти, знаходитись на самоті, не розуміючи скільки пройшло вже часу, і скільки ще мине?
Найбільше я тут боюся темряви. Та сутність, чи то сила, яка живе у ній дивиться на мене з кожного темного закутка, з кожної щілини, вимальовуючи божевільні образи у моїй свідомості, що танцюють та звиваються ніби змії, перетворюючи моє буття на суцільний кошмар.
Деякі змії обвивають свою жертву, аби задушити її. Те саме я відчуваю коли дивлюся в темряву. Ніби вона щось слизьке та потворне, ніби вона обвивається навколо мене, і от-от задушить, поглине і не лишить навіть пам’яті про мене. Щоправда, опинившись тут, у цій лікарні, я почав думати про те, а чи була про мене якась пам’ять взагалі.
Вивчився у школі, був почесним піонером, відмінником. Я з дитинства мріяв водити тролейбус, і через декілька років роботи, ця моя мрія збулася. Дружній колектив, привітні люди, що поспішають по своїх справах, чи просто насолоджуються поїздкою, роздивляючись наш соціалістичний рай, що будується на очах. Так промайнуло багато років, і від уявного соціалістичного раю, залишилися лише згадки, понівечені ворота едему, що більше ніколи не пустять до себе нікого з людей. Чи то завжди так було, чи так стало, але люди почали хмурніти на очах. Потерпаючи від гніту зруйнованих мрій та надій. Темні часи — темні люди. Темрява почала підбиратися до мене ще тоді.
Хоча мені здавалося що темрява повністю відступила тоді, коли я знайшов Катрю, мою дружину, ми живемо разом от вже три роки, але завести дітей в нас так і не виходить. Останні чотири місяці Катря знову почала палити, й хоча я їй це забороняв раніше, зараз я просто мовчки схвалюю це рішення, зрештою, навіщо берегти здоров’я для вагітності, якщо її не буде.
Моє божевілля почалося одного звичайного дня. Я погано його пам’ятаю, але можу пригадати, що їхавши своїм звичайним маршрутом, я потрапив колесом в яму, і пробив його. Але коли я вийшов з тролейбуса, щоб вжити якихось заходів, там не було нічого. Просто пробите колесо, посеред гладкої, ніби нової, ділянки дороги. Але ж я точно відчував як в неї в’їхав тролейбус, і чув зойки людей в салоні, але ями насправді не було. Лише пробите колесо.
Колесо відремонтували, і наступного дня я знову був за кермом. Щось мене бентежило вже тоді. І через два дні знову та сама історія, щоправда, цього разу яму я вже побачив. Просто якийсь бовдур на новенький іномарці вирішив мене підрізати, і я втрапив правим переднім колесом просто в цю проклятущу яму. Знов пробите колесо, знов догана від керівництва, і знов ніякої реальної ями. Наступного дня ситуація повторилася. Керівництво вирішило що я “шкідник”, і мене швидко звільнили, а я вже і не знав що й думати. Думки в голові роїлися ніби мурахи в мурашнику. Проклятуща яма не давала мені спокою.
Через тиждень пошуків роботи, я влаштувався продавцем на ринку. Робота була простою, ба я навіть подумав що все починає покращуватися. Першого ж дня, я не дійшов до місця роботи, оскільки підвернув ногу. Яма знову з’явилася, але цього разу вона не зникла. Вкриваючи її двоповерховим матом, і тримаючись за пошкоджену ногу, я ненароком зазирнув у неї, і можу поклястися, що в неї не було дна. Вітер повільними потоками виходив звідти, приносячи з собою запахи сирости та затхлости, а темрява всередині вихорилася ніби купа змій. До мене підійшли люди й допомогли підвестися, одна жіночка поцікавилася, як же в мене це так вийшло. Коли я вкотре вирішив проклясти ту дурну яму, я побачив що її вже і не було. Попри травму я якомога швидше дістався дому, біль був сильним, проте страх, ще сильнішим. Кров охолола, а серце билося ніби перфоратор, і кожен удар віддавався в голові гучним покликом до втечі. Весь день я витратив на пошук серед знайомих лікаря, що міг би приборкати мій розум, і в одного мого однокласника, такий номер знайшовся. Вже ввечері відбулася консультація телефоном, і на ранок була призначена зустріч.
Вночі мене мучили кошмари, я не зміг заснути в темряві, і був змушений увімкнути світло. Ранок почався зі сварки з Катрею, яка не змогла нормально виспатися, і казала що я все це вигадую собі. Розлючена, вона пішла на роботу в магазин, навіть не поснідавши. Я не знав що про це й думати, проте вже записався до лікаря, тож треба йти.
Мені рідко коли доводилося їздити в тролейбусі на місці пасажира, кожен мій день займала робота, і сон. Раз на два дні я дозволяв собі пиво з друзями, і кожен день проходив одноманітно. Раніше я й не думав яка рутина нудна, і мені навіть здалося що можливо зміна обстави покращить моє життя. Проклятуща яма думала інакше. Тролейбус зламався, і довелося чекати інший годину. Я почав думати про те, що може випадковості у цьому світі зовсім не випадкові, і недосконалість цього світу, спрямована на щось, на конкретних людей, що її помічають. Можливо коли я побачив темряву навколо себе, вона теж побачила мене, і це їй не сподобалося, тому я тут, у такій ситуації? Питання роїлися у голові, і ось вже прибув інший тролейбус, щоправда, він був переповнений людьми. Літня спека і душна давка. Відчуваєш себе шпротом в банці, що стоїть в духовці.
Мокрий від свого, та навіть чужого поту, я таки дістався до лікарні. кабінет лікаря знаходився на п’ятому поверсі, а ліфт не працював. На третьому ж прибиральниця щойно помила підлогу, і вона була слизька. Звісно ж я послизнувся, і вдарився коліном об сходинку. Біля кабінету лікаря мене чекала величезна черга. Звісно ж мої розмови про запис, ніхто серйозно не сприйняв.
Ще через годину очікування я таки дістався кабінету лікаря. Він виглядав би молодим якби не численні зморшки що вкривали його лоба, та напівсиву щетину на обличчі. Його товсті окуляри з легкістю видавали в ньому книжкового хробака, такого яких ми били у старшій школі. Ніколи б не подумав, що буду потребувати допомоги від таких.
Лікар відірвався від свого журналу, представився Петром, та запросив присісти навпроти. Маленький кабінет був прикрашений лише декількома рослинами на підвіконні, та настінним годинником. На столі в лікаря лежала гора різних паперових документів. Я присів, і Петро почав ставити мені звичайні питання про моє життя. Коли ми вже обговорили все що тільки можна було б обговорити, я обурено поцікавився чому ми витрачаємо час на це, а не говоримо про мої галюцинації, адже оплата погодинна, і можна було б одразу перейти до діла. Петро посміхнувшись вказав на те, що це він тут лікар, і це його “лікарський підхід”, а якщо мене щось не влаштовує, то я можу заплатити за цю годину і не продовжувати терапію. Посмішка на його обличчі була єхидною, як в хижака що знайшов собі здобич. Ніби цей, в минулому книжковий черв’як, впізнав у мені того самого пацана, який знущався з нього, і тепер намагається відігратися по повній.
Я відвів очі та вирішив проковтнути усі свої доводи проти. Лікар взяв до рук якийсь документ і поцікавився про які саме галюцинації йде мова. Розповідь про яму на дорозі, суцільні невдачі та кошмари, я приправив максимальними подробицями, проте ПеДро, навіть не поворухнув бровою, і продовжував меланхолійно вивчати документ у себе в руках. Нарешті, з дуже награним “Хмм”, він написав на папірці рецепт для заспокійливого та наказав вживати його два рази на день, ввечері та вночі, і в той самий момент коли я простягнув руку за папірцем, у тріщині на стіні позаду доктора я побачив око. Воно витріщалося прямо на мене, і жах змусив затріщати мої кістки. Нажаханий я закричав про це лікарю, але він не оглядаючись просто почав комусь дзвонити.
Так мене забрали до психіатричної лікарні. Буття тут лише робило мій стан гіршим день від дня. І коли була нагода, я думав про різні вади людей і світу. Я питав в самого себе, а не в лікарів, щоб зайвий раз не отримати кулаком у живіт, чи навіть гірше, про те чому б не закрити тріщини що так мене лякають, чому б не відремонтувати вікно, з якого дуло вже зимовим вітром? Чому нікому немає діла ні до чого, і наш світ просто потерпає у відчаї та руїні? І тоді я побачив. Тоді мої очі відкрилися по справжньому і я побачив його.
Величезного Кракена з тисячею мацаків, що знаходиться і не тут і не там. Ніби над всім нашим світом. З його велетенської пащі віяло смертю і холодом. Він обвивається своїми мацаками навколо кожної тріщинки, і кожного божевільного навколо мене. Коли я побачив його, я здригнувся, і він теж здригнувся. Повітря навколо мене задзвеніло від пронизливого крику з пащі істоти, що вила ніби мільйонами голосів. Воно протягнуло до мене своє мацак і тоді я роздивився що воно складалося з тисячі дивакувато сплетених рук. Я не міг поворушити жодним м’язом, просто спостерігав, як неминуча загибель рухається до мене. Мацак обвив мене, і численні руки вхопилися за мене. На одній з рук була каблучка яку я подарував Катрі.
Усвідомлення було пекучим, і болісним ніби удар батога. Усе зло, робиться конкретними руками, і все воно складається у єдину сутність. Кожне зло породжує інше зло, і таким чудернацьким чином воно захоплює все більше і більше людей. Я не міг поворушитися, і став спостерігачем замкненим у своєму власному тілі, а тіло моє, почало біснуватися, впало на підлогу та забилося у конвульсіях. Я бачив як до нього підбігли лікарі, відчув удар чобота у живіт, та кулака в обличчя, відчув укол у плече, та м'якість свого тіла.
Я замкнений тут, у самому собі, я все відчуваю, але не можу нічого вдіяти, я лише дивлюся на чудовисько що породжене нами, і що нас же і погубить.
Хто-небудь. Врятуйте.