Фаталис поймал зонтик несколько рассеянно - думал, что это сейчас его засосёт в какой-нибудь кармашек без лампочки, а не ему что-нибудь на руки изрыгнётся. Ну, возможно, это сейчас Усманчик под хорошего человека косит, раз уж они тут не одни. Хитрый чёрт! Ну, ничего, долго притворяться у него не получится: сущность своё возьмёт, а пушистые копыта из штанов ещё вылезут.

Сперва он, кстати, стоял и мялся, на группку поглядывал да подойти не решался. Однако по итогу всё равно к ним засеменил - тут уж всё-таки не какое-то официальное мероприятие, а маленькая сходка по интересам. Раз уж каждый из присутствующих решил потратить свой вечер на погоню за врачом с просроченной лицензией, значит, что-то общее между ними всё равно есть! Осталось только найти, что. Это уже сложнее. Тут уж разговаривать надо. Фаталис честно хотел, но попыжился, смотря себе под ног, да вздохнул сокрушённо - три человека это уже чересчур.

Тут аж свет включился. Буквально! Прожектор, в смысле. Фаталис весь аж встрепенулся, чуть-чуть пискнув, но успокоился, когда понял, что это всего лишь кот. Интересный кот! Кажется, был он из той же сказки, что и кролик, за которым Фаталис гонялся по отелю. Совпадение неоднозначное, но уж этот кот точно не может быть сталкером. Да?

Он хотел было тому похлопать (вот это отсутствие боязни сцены!), но, во-первых, никто не хлопал, а, во-вторых, дальше кот произнёс ужасное.

— Километр? - вырвалось у Фаталиса тут же; какой противный им достался кот!

Говорящее животное он проводил взглядом по истине хмурым.

И тут же Усмана "бегаю от детей и от ответственности" Шишу за ворот поймал, сзади. Крепко.

— Даже не думай сейчас куда-нибудь слиться. До места меня сам понесёшь, иначе я в дороге устану и ничего не захочу делать.

Несмотря на свои слова, Фаталис не предпринял никаких попыток на Усманчика взобраться, просто вот хват сделал пониже, чтоб не тянуться лишний раз. На тот факт, что из-за близости его зонт налезал на Усманчика и вся вода скатывалась тому на плечо, Фаталис не обратил внимания. Или сделал вид, что не обратил. Кто уж его разберёт.

Взяв в руки поводья, тут же он почувствовал себя увереннее! Тут уж и поводок для разговора появился, вот, мол, смотрите, какой скакун видный, но продавать я вам его не буду - своенравный, не каждый управится. Ну, это Фаталис напридумывал себе всякого, конечно. Разговор у себя в голове он хоть уже и построил, но понимал, что с девочками так, наверное, не знакомятся.

— Усманчик очень сильный! Он и сам, ежели что, справится. Маньяков ловит он всяко лучше, чем за мной следит, - обратился он к рыжей девочке, чьё появление аж весь вечер его озарило (и ни разу не котячьи прожекторы), — так что не волнуйся, ничего с тобой не случится.

Про себя уж не стал говорить. Уж если что и случится с ней, то как раз из-за Фаталиса.

Брату Наташи так и не придумал, что сказать. Он вот, ну, такой, из деловых. Фаталис сам не деловой совершенно, оттого и какие-то надуманные точки соприкосновения теряются. Спросить, не угоняли ли в его районе Роллс Ройсов? Ха-ха. Надо будет его всё-таки куда-нибудь перегнать. Всё Фаталис оглядывался, в общем, и лишь под конец из себя выдавил:

— Наталия написала, что на днях была в каком-то морском круизе. И что ещё отдаст мне ракушек при следующей встрече.

Что-то он, должно быть, ещё хотел сказать, но замолк пугливо. Как-то нехорошо он начал! И продолжать теперь тоже не очень хорошо! В общем, отвернулся да засеменил быстрее.

Хотел ли он испариться, пока шёл? Да. Мог ли он это сделать? Да, вполне; пар от зонтика его исходить явно начал. Страдал, благо, недолго - Усман остановился, Фаталис, значит, тоже. Дабы чем-то себя занять (и отвлечься от мыслей о том, какой он лох), Фаталис хват свой, наконец, разжал и прошёл дальше, оглядывая копошащихся у дверей девочек со всех сторон. Когда в его сторону что-то полетело, Фаталис лишь успел подумать, что женщин так внаглую обычно и правда не рассматривают, и уклониться даже не пытался. Открыв глаза, с удивлением осознал, что голова его на месте - это всегда прекрасные новости. А ещё около головы его было что-то пушистое. Кот! Ничего себе он ниндзя.

Схватил кошачьи лапы Фаталис нехарактерно шустро; по его логике, ежели его дёрнули, то и он имеет право на один бесплатный дёрг. Кот был большой и в руках еле помещался, и подумалось Фаталису, что да, ежели и заводить дома живность, то только такую.

— Ты умеешь мяукать? - наиважнейшая информация на данный момент.

Усманчик там с кем-то рамсил, как видно. Да и не только он. Фаталис изредка глаза поднимал, запоминая, кто там что делает, но предпочёл наблюдениям сторонним изучение волшебного кота. Мягкого.

У Фаталиса, нужно заметить, опыта боевого мало. У него лишь предположения, основанные на построенных моделях. Предположение - в кинувшейся в бой девочке опасного было мало. Усман справится сам.

Фаталис уже со второго раза заметил, что старик он такой, ну, тактильный очень; перечислять уж не будет, что они с ним делали, - немного смущает, когда не обезличиваешь. Но такой вот старик. Вечно лезет, вечно лапает - Фаталис от прикосновения холодного вздрагивает заметно и смотрит куда-то поверху, на пингвинов, судя по всему. К руке тот потянулся ещё - но остановился, совесть заимел, видимо. Инородный вес на коленях заставлял нервничать - чуть-чуть; Фаталис повздыхал пару раз, поглядел в глаза эти честные людоедские да и сдался, ибо ежели держать его хотели, то ноги бы просто сломали.

Коленками своими Фаталис шевелит немного, достаточно, чтобы голова дедовская подрагивала. Слушает его вполуха, но замирает в конце.

Если правильно всё понял, то жена, по итогу, рипнулась. В таких ситуациях вести себя надо особенно корректно - так бабушка говорила. Как именно корректно правда не объясняла; Фаталис посмотрел на Синицу, пытаясь читать атмосферу.

Вышло хуёво. Ну, результат предсказумый.

Синица достаточно простой, тем и нравится: голодный - проблемный, сытый - удобный. Сейчас он, возможно, чутка голодный - оттого и загрустил; но Фаталису так кажется. Наверняка Фаталис знает очень мало, очень скромго; наверняка того, что здесь корректно, опять же, знать не может - но кажется ему, что спрашивать сейчас "ты голодный?" будет корректно не слишком.

В итоге птичку он треплет по старческой седине. Как ребёнка, возможно, или собаку, как оно у них часто происходит. Спускается ниже, проводя большим пальцем по скуле, но тут же передумывает и руку убирает. Для Синицы это, быть может, и хуйня, но не для Фаталиса.

— Грустно, - констатирует; глядит прямо в глаза, — но по крайней мере ты её помнишь.

Про Фаталиса вот никто не вспомнит. Кроме, пожалуй, Усманчика, но и он через год-другой забудет - проблемы и поважнее появятся.

Что же сделаешь.

Теперь по плечу его хлопает, мол, вставай, брат. А когда сам поднялся, понял - весь аквариум они обошли действительно на совесть; ноги у него отказывают.

Коленки хрустят громко.

— Суши звучат по приколу, - кряхтит, пока ковыляют к выходу, — я бы пошёл, но тебе со мной зачем? На рис и рыбу твоя аллергия не распространяется?

Строит теории (почти заговора): может, и не экскурсия это всё, может, это он так подвести к чему-то хочет, план у старика какой-то хитровыебанный, чтобы разнюхать чего. Ну, как чего, с другой стороны - анализы какой-то пацан берёт, домой заявляется, что-то там про лечение талдычит, а лицензии никакой не предоставил - есть вопросики. Зачем так долго к этому подводить, в таком случае, неясно. Фаталис не врёт вообще - незачем. Фаталис если и врёт, то по мелочи - да, конечно, в день он проходит как минимум десять тысяч шагов, а теперь хватит заливать, надоело.

Врачебная лицензия, наверное, к мелочам не относится.

— Но ладно, пошли.

Между первым и вторым прошли одна целая и три сотых секунды.

Когда наружу вышли, Фаталис было полной грудью вдохнуть захотел, да зря - влажность большая, сразу давление зашалило. Голову на плечо птичье сложил, достал телефон, наконец (а Усманчик-то что-то писал! Но рабочее, неинтересно), да вздыхает:

— Говори адрес. Я слишком устал чтобы куда-то идти.

ФАЙНА
перун, укко, юмала, руна
не рождалась две тысячи лет назад
   
rose quartz (steven universe), marie-josèph sanson (innocent),
destiny (takt op.),  whoever tbh personality disorders are scary

О ПЕРСОНАЖЕ

МАГИЯ

ДОПОЛНИТЕЛЬНО — Вильгельм Эмиль Файн - да, это она; — Алессандро Вольта тоже; — сколько имён, столько и кризисов личности - благо, их все она уже забыла; — и ничего - будут новые; — мамми на самом деле при больших мани, просто она бы их все растеряла, если бы не её пять телефонов (по одному периодически теряет) (периодически - раз в неделю); — терпеть не может запах бензина, но до электрокара додумалась, как можно заметить, совсем недавно (из головы вылетало, скорее всего); — не прямо чтобы обладает особым талантом в инженерии, но пятьсот лет практики к чему-то её привели; — основала Philips; живёт, в основном, до сих пор в Нидерландах.

СВЯЗЬ позовите и мама услышит и мама придёт

Когда Синица уходит, первое на ум приходит обыкновенное - "я опять сказал какую-то хуйню". На мысли себя ловит, что с Синицей раньше такого не бывало; продолжает, логически, что и ясно - из разговора каждый раз выходил Фаталис. Ему некомфортно страшно - потому что когда Фаталис встречается с Синицей, он не рассчитывает встретить последствия своей бесчеловечености сов-сем; ему с другими этих встреч хватает.

Когда Синица уходит, Фаталис рассчитывает вероятность своего социального провала в шесть процентов. Коли рассуждать - Фаталис рассудил быстро, перегоняя рис из одной щёки в другую, - то версия эта откровенно нежизнеспособна; откуда она вообще появилась сейчас - чёрт знает.

Если чёрт знает, то Фаталис бы у него спросил. Потому что он рассудил - а зуд под рёбрами всё не проходит. Потом разберётся.

Телефон в брюках завибрировал внезапно, заставив подпрыгнуть. Фаталис разблокировал его дрожащими пальцами, и в лицо ему сразу прыгнуло уведомление, мол, вам перевод с пометкой "трубку брать не буду всю неделю, хабиби". Фаталис улыбнулся легонько, отправляя злющий стикер, да на стол телефон положил. Хотел было официантку позвать, да голос совсем не слушался, пришлось на неё смотреть исподлобья, пока его ни заметили. Счёт сразу закрыл - сделает старику приятное. Наверное. Обычно, людям нравится, когда за них платят? Это типа по-доброму, да?

Птичку периферийным зрением увидел - опять испугался - опять подпрыгнул на месте. Торопливо палочки в руки взял, сидит, делает вид, будто не ожидает ничего. Фаталис, конечно, не специалист, но кажется тот нервным. Но ему опять, скорее всего, показалось.

Слушает его Фаталис, не моргая, наблюдает за ним, взгляд не отрывая, закладывая кусок рыбы на язык. Жуёт; прикидывает, что, ну, нет, сейчас ему не кажется. В ресторане заметно нагрузка поубавилась - и все звуки остаточные легко было отринуть, сосредотачивая внимание на старике. Чего там у него поменялось за пять минут?

— Мы говорили о твоём, - о нет, не члене! — о твоих детях. Об их отсутствии. Ты сказал, что за карапузом бы не уследил.

Тут, кстати, правда. В барахолке, которая у тот дома творилась, пиздюк любых размеров легко потеряется.

— Ещё ты сказал, что тёплое тебе нравится больше. Если ты не потерял температурой чувствительности, то понимаю - в холодрыге жить такое себе.

Замолкает. То в лицо всматривается, то в окружение. Не решается вопрос задать. Шесть процентов - это не ноль. Однако вздыхает тяжко и подбородок на сложенные ладони укладывает - нет, социальную осознанность повышать слишком затратно.

Решил об отвлеченном (нихуя, на самом деле).

— Кем ты работаешь? - на аквариум ему же денег хватило, да и тариф мобильный оплачивается. — Я за еду уже заплатил, - опомнился - старик же ему еду рвался оплатить. — Но ты не расстраивайся. Если хочешь молодёжь порадовать, то лучше купи мне фигурку. С Хацуне Мику.

Моргнул. С дедом же разговаривает.

— Это та, м, девочка. Которую ты у меня видел. Она поёт, - быстренько загуглил, показал экран с артами из "Проекта Секай". — Или с Супер Соникой. Сонику ты тоже уже видел, - из кармана за массивный брелок тащит звенящую связку с ключами, — но вот. Она не поёт. Она, ну, просто есть. Маскот, вот. Но аниме про неё тоже сняли. Она там одетая! У меня много мерча, раньше по дому был расставлен, но я его весь спрятал на днях. В кармашек. Волшебный.

Почувствовал себя так, словно бате всякую шушеру показывает. Заулыбался - почти нормальная интеракция выходит.

Фаталис опять повздыхал, наговорившись, и сложил всё добро своё обратно по карманам.

— То, что член при эрекции становится больше, является биологическим фактом, применимым ко многим млекопитающим. Но здорово, что пояснил. Пусть ты не совсем млекопитающее.

Однажды Фаталис спросит, каким образом это вообще происходит при нарушенном кровообращении. Но позже. Пока уж достаточно со старика язвительности.

Фаталис всё гадает, приятно ему или нет. Вообще-то, должно - он в компании сейчас не самый нервный - и это событие пиздец какое редкое. С другой стороны, ну, этот-то чего нервничает? Рослый он и умудренный, девки с ним водятся и с поддержанием разговора проблем обычно не испытывает. Чего стряслось, по итогу?

А решает голову этим не забивать себе, по итогу. Фаталис сытый и немного сонный; Фаталис подмечает, что в последний раз высыпался неделю назад (спал он тогда не один; возможно, поэтому). Выспаться не помешает и сегодня.

Старика он слушает не шибко внимательно - ладошкой подбородок подпёр, ещё немного - и улыбается. Устал он и впрямь очень-очень.

— Говоришь, как дед. Это твоя внучка, выходит.

Остатки васаби кладёт себе под язык. Острота расползается во рту постепенно, покалывая нёбо. Глотает - и воздух спирает резко, обжигая всю слизистую. Фаталис выдыхает резко, смаргивая; глядит - и он в салфетку, оказывается, вцепился, и даже порвал.

Пора стричь ногти.

— Меня пожилые женщины тоже любят, - большую часть монолога прослушал, но вроде бы к месту сказал.

Не только женщины, кстати, - старики тоже. Такое себе достижение, надо отметить. Вот бы девочки его возраста! Или даже друзей его возраста! Было бы круто. Жаль, не в этом веке, очевидно.

И не в этой жизни.

— 23 числа день английского языка. И день защиты детей в Турции. 24 - национальный день солидарности молодёжи. 25 - день ДНК и пингвинов. На апрель из подходящих поводов это, наверное, всё.

Так ли ему нужен новый кусочек мерча или же он просто желает подарка? Ответ, пожалуй, очевиден.

Когда Синица поднялся, Фаталис это обстоятельство толком не зафиксировал. А когда подошёл тот, фиксировать было поздно - от стула Фаталиса уже оторвали. Старик со всеми так? Это норма приличия? Какая-то? Деревенская? А? Фаталис напрягается не в манер сильно, но по итогу выдыхает устало, стоило лбом уткнуться в птичью шею, холодную и приятную. Это кое о чём напомнило. Нечто определённое.

— Ты себя так каждый раз ведёшь, когда в общественное место приходишь? - бубнит нерасторопно в ворот рубашки; совсем уж невнятно бубнит, птичка ежели и разберёт, то не осознает.

Синица его куда-то ведёт. Фаталис идёт следом послушно, шумно зевая. На улице поддувает - набережная в ста метрах сказывается. Фаталис заметно ёжится, но внимания не фокусирует; фокус - вовнутрь, на просмотр отрезка в минуту произошедшего, пока ещё в ресторане были. Слушает внимательно, вглядывается - тоже, однако недовольства ни в ком не видит. Может, здесь это правда нормально? Фаталис - человек гениальности, не нормальности; к нему за нормами ходить не стоит.

Рука у Синицы тяжёлая. Вес, грузный и холодный, осевший на плечах, был реальным безумно - и в реальность вернуться заставил по щелчку. Фаталис опешил немного, отматывая назад, - сказали ему что-то, оказывается.

— Это правда, - звёзд Фаталис не видел давно; настоящих, — особенно в горных.

Фаталис там пару лет провёл, как вспоминается. Хорошо там было, тепло. Малолюдно. И тихо. В Лондоне вечер - и самый час пик; коль прислушаться, с занятых улиц доносится скрежет колёс. Прислушиваться, конечно, можно, а коли сосульку к боку приложат, так и отвлечёшься сразу; Фаталис тихонько пискнул, чувствуя волну мурашек, пронёсшихся вверх по рёбрам. Глядит - старик под пиджак пролез, над бедром лапу устроил. Успокоился шустро - греется птичка, очевидно. Бёдра у Фаталиса острые, сквозь штаны прощупываются, и крутые - устроиться можно с удобством.

Сперва, конечно, пожурить хотел, как сявку - ну, куда лапами лезет.

Потом вспомнил: бока - это ещё не худшее, за что старик его щупал.

Фаталис вздохнул разок, - многозначительно, - да вытянул из кармана внутреннего пачку. Открыл - и запах трав с головой аж накрыл, прямо луга альпийские. Понадобилась одна тяга, чтобы про обхватившее его крылышко забыть абсолютно.

— После еды гулять полезно, но, надеюсь, ты меня не на марафон тащишь.

Голову задрал; седина старческая под фонарями всё равно, что золото.

— Я тогда сказал что-то не то? - спрашивает, наконец; взгляд на дорогу возвращает тут же. — Говори, что. Не обещаю, что не повторюсь, но могу попытаться.

GLITCHING!!

Заказчик: старая женщина из Нидерландов; Награда на выбор: - посидеть на руках у большой женщины; - обзавестись четырьмя дополнительными нулями на банковском счёте; - получить на устройство эксклюзивное мобильное приложение с сомнительными функциями; Кол-во игроков: 2-3; Жанр: мистика, мозговые трипы; Гмить: буду я но плохо и медленно соу энджой; Объём: планирую 5-6 кругов, но если ребятам зайдёт то можно и чутка растянуть!

У госпожи Файны свободного времени больше, чем ей следовало бы давать, и любопытный нрав: спустя энное количество недель мозгового штурма, она, кажется, наконец-то поняла, как же создать собственное волшебное мобильное приложение. И даже с похожими функциями на то самое, нашумевшее ещё в январе! Суть его в следующем: после просмотра ряда статичных бесформенных изображений, мозг человека входит в состояние осознанного сновидения, во время которого происходит ряд нейрологических метаморфоз. Вспомнить далёкое, забыть самое важное, найти решение мучившей долгие годы проблемы, - произойти может что угодно. Дальнейшие опыты над собой госпоже Файне запретили (ну, подумаешь, забудет она чуток больше обычного!), потому и встал вопрос поиска добровольцев. Ничего плохого не случится! Наверное.

[html]
<head>
<style>

    body {
      margin: 0;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
      'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
      'Segoe UI Symbol';
    }

    .container {
      width: 525px;
      margin-left: 180px;
    }

    .itc-slider__items {
      counter-reset: slide;
    }

    .itc-slider__item {
      width: 491px;
      counter-increment: slide;
      height: 491px;
      position: relative;
padding:15px;
  flex: 0 0 100%;
  max-width: 100%;
  user-select: none;
  will-change: transform;
    }

.itc-slider__item::before {
      content: counter(slide) "/2";
      display:none;
    }

    .itc-slider__item:nth-child(1) {
background: url(https://upforme.ru/uploads/0017/5e/b1/2/37767.png) no-repeat;
    }

    .itc-slider__item:nth-child(2) {
      background: url(https://upforme.ru/uploads/0017/5e/b1/2/208425.png) no-repeat;
    }

.itc-slider__item:nth-child(3) {
      background: url(https://upforme.ru/uploads/0017/5e/b1/2/961453.png) no-repeat;
    }

#main-body {
width: 491px;
    height: 491px;
    border: 1px solid white;
}

.grid-main {
display:grid;
grid-template-columns: 1fr 1fr;
grid-template-areas: "pic text";
grid-gap:3rem;
white-space:pre-wrap;
width: 450px;
margin-top: 116px;
    margin-left: 22px;
}

.text {
grid-area: text;
    font-family: Arial;
    color: white;
font-weight:600;
}

.pic {
grid-area: pic;
}

.pic-pic {
display:flex;
width: 220px;
justify-content: space-between;
}

.pics {
display:block;
width:100px;
height:100px;
}

audio {
    width: 270px;
    height: 25px;
    margin-left: -33px!important;
    transform: scale(0.6);
    margin-top: 79px!important;
position:absolute;
}

.track {
margin-top: 108px;
    position: absolute;
    margin-left: 21px;
    font-size: 7pt;
    color: #fff;
}

.her {
    font-size: 4em;
    font-family: Garamond;
    color: #181818;
    font-style: oblique;
    border-bottom: 4px solid white;
    height: 40px;
    margin-top: 15px;
    width: 85%;
    text-align: center;
    margin: 15px auto;
}

.itc-slider {
  position: relative;
}

.itc-slider__wrapper {
  overflow: hidden;
}

.itc-slider__items {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
}

.itc-slider__transition-none {
  transition: none;
}

/* кнопки влево и вправо */
.itc-slider__btn {
position: absolute;
    top: 91%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 50px;
    color: #fff;
    text-align: center;
    border: none;
    transform: translateY(-50%);
    cursor: pointer;
    margin: 0 27px;
background: none;
}

.itc-slider__btn_hide {
  display: none;
}

.itc-slider__btn_prev {
  left: 0;
}

.itc-slider__btn_next {
  right: 0;
}

.itc-slider__btn:hover,
.itc-slider__btn:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
}

.itc-slider__btn::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}

.itc-slider__btn_prev::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.itc-slider__btn_next::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

/* индикаторы */
.itc-slider__indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  margin: 0 15%;
  padding-left: 0;
  list-style: none;
}

.itc-slider__indicator {
  flex: 0 1 auto;
  box-sizing: content-box;
  width: 30px;
  height: 5px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  background-color: rgb(255 255 255 / 50%);
  background-clip: padding-box;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  cursor: pointer;
}

.itc-slider__indicator_active {
  background-color: rgb(255 255 255 / 90%);
}

}
</style>

<script>
/**
* @class ItcSlider
* @version 1.0.0
* @author https://github.com/itchief
* @copyright Alexander Maltsev 2020 - 2022
* @license MIT (https://github.com/itchief/ui-component … er/LICENSE)
* @tutorial https://itchief.ru/javascript/slider
*/
class ItcSlider {
  static #EL_WRAPPER = 'wrapper';
  static #EL_ITEMS = 'items';
  static #EL_ITEM = 'item';
  static #EL_ITEM_ACTIVE = 'item_active';
  static #EL_INDICATOR = 'indicator';
  static #EL_INDICATOR_ACTIVE = 'indicator_active';
  static #BTN_PREV = 'btn_prev';
  static #BTN_NEXT = 'btn_next';
  static #BTN_HIDE = 'btn_hide';
  static #TRANSITION_NONE = 'transition-none';

  static #instances = [];

  #config;
  #state;

  /**
   * @param {HTMLElement} el
   * @param {Object} config
   * @param {String} prefix
   */
  constructor(el, config = {}, prefix = 'itc-slider__') {

    this.#state = {
      prefix: prefix, // префикс для классов
      el: el, // элемент который нужно активировать как ItcSlider
      elWrapper: el.querySelector(`.${prefix}${this.constructor.#EL_WRAPPER}`), // элемент с #CLASS_WRAPPER
      elItems: el.querySelector(`.${prefix}${this.constructor.#EL_ITEMS}`), // элемент, в котором находятся слайды
      elListItem: el.querySelectorAll(`.${prefix}${this.constructor.#EL_ITEM}`), // список элементов, являющиеся слайдами
      btnPrev: el.querySelector(`.${prefix}${this.constructor.#BTN_PREV}`), // кнопка, для перехода к предыдущему слайду
      btnNext: el.querySelector(`.${prefix}${this.constructor.#BTN_NEXT}`), // кнопка, для перехода к следующему слайду
      btnClassHide: prefix + this.constructor.#BTN_HIDE, // класс для скрытия кнопки
      exOrderMin: 0,
      exOrderMax: 0,
      exItemMin: null,
      exItemMax: null,
      exTranslateMin: 0,
      exTranslateMax: 0,
      direction: 'next', // направление смены слайдов
      intervalId: null, // id таймера
      isSwiping: false,
      swipeX: 0,
    };

    this.#config = {
      loop: true, autoplay: false, interval: 5000, refresh: true, swipe: true, ...config
    };

    this.#init();
    this.#attachEvents();
  }

  /**
   * Статический метод, который возвращает экземпляр ItcSlider, связанный с DOM-элементом
   * @param {HTMLElement} elSlider
   * @returns {?ItcSlider}
   */
  static getInstance(elSlider) {
    const found = this.#instances.find(el => el.target === elSlider);
    if (found) {
      return found.instance;
    }
    return null;
  }

  /**
   * @param {String|HTMLElement} target
   * @param {Object} config
   * @param {String} prefix
   */
  static getOrCreateInstance(target, config = {}, prefix = 'itc-slider__') {
    try {
      const elSlider = typeof target === 'string' ? document.querySelector(target) : target;
      const result = this.getInstance(elSlider);
      if (result) {
        return result;
      }
      const slider = new this(elSlider, config, prefix);
      this.#instances.push({target: elSlider, instance: slider});
      return this;
    } catch (e) {
      console.error(e);
    }
  }

  // статический метод для активирования элементов как ItcSlider на основе data-атрибутов
  static createInstances() {
    document.querySelectorAll('[data-slider="itc-slider"]').forEach((el) => {
      const dataset = el.dataset;
      const params = {};
      Object.keys(dataset).forEach((key) => {
        if (key === 'slider') {
          return;
        }
        let value = dataset[key];
        value = value === 'true' ? true : value;
        value = value === 'false' ? false : value;
        value = Number.isNaN(Number(value)) ? Number(value) : value;
        params[key] = value;
      });
      this.getOrCreateInstance(el, params);
    });
  }

  next() {
    this.#state.direction = 'next';
    this.#move();
  }

  prev() {
    this.#state.direction = 'prev';
    this.#move();
  }

  moveTo(index) {
    this.#moveTo(index);
  }

  reset() {
    this.#reset();
  }

  dispose() {
    this.#detachEvents();
    const transitionNoneClass = this.#state.prefix + this.constructor.#TRANSITION_NONE;
    const activeClass = this.#state.prefix + this.constructor.#EL_ITEM_ACTIVE;
    this.#autoplay('stop');
    this.#state.elItems.classList.add(transitionNoneClass);
    this.#state.elItems.style.transform = '';
    this.#state.elListItem.forEach((el) => {
      el.style.transform = '';
      el.classList.remove(activeClass);
    });
    const selIndicators = `${this.#state.prefix}${this.constructor.#EL_INDICATOR_ACTIVE}`;
    document.querySelectorAll(`.${selIndicators}`).forEach((el) => {
      el.classList.remove(selIndicators);
    })
    this.#state.elItems.offsetHeight;
    this.#state.elItems.classList.remove(transitionNoneClass);
    const index = this.constructor.#instances.findIndex(el => el.target === this.#state.el);
    this.constructor.#instances.splice(index, 1);
  }

  #onClick(e) {
    const classBtnPrev = this.#state.prefix + this.constructor.#BTN_PREV;
    const classBtnNext = this.#state.prefix + this.constructor.#BTN_NEXT;
    this.#autoplay('stop');
    if (e.target.closest(`.${classBtnPrev}`) || e.target.closest(`.${classBtnNext}`)) {
      this.#state.direction = e.target.closest(`.${classBtnPrev}`) ? 'prev' : 'next';
      this.#move();
    } else if (e.target.dataset.slideTo) {
      const index = parseInt(e.target.dataset.slideTo, 2);
      this.#moveTo(index);
    }
    this.#config.loop ? this.#autoplay() : null;
  }

  #onMouseEnter() {
    this.#autoplay('stop');
  }

  #onMouseLeave() {
    this.#autoplay();
  }

  #onResize() {
    window.requestAnimationFrame(this.#reset.bind(this));
  }

  #onSwipeStart(e) {
    this.#autoplay('stop');
    const event = e.type.search('touch') === 0 ? e.touches[0] : e;
    this.#state.swipeX = event.clientX;
    this.#state.isSwiping = true;
  }

  #onSwipeEnd(e) {
    if (!this.#state.isSwiping) {
      return;
    }
    const event = e.type.search('touch') === 0 ? e.changedTouches[0] : e;
    const diffPos = this.#state.swipeX - event.clientX;
    if (diffPos > 50) {
      this.#state.direction = 'next';
      this.#move();
    } else if (diffPos < -50) {
      this.#state.direction = 'prev';
      this.#move();
    }
    this.#state.isSwiping = false;
    if (this.#config.loop) {
      this.#autoplay();
    }
  }

  #onTransitionStart() {
    if (this.#state.isBalancing) {
      return;
    }
    this.#state.isBalancing = true;
    window.requestAnimationFrame(this.#balanceItems.bind(this));
  }

  #onTransitionEnd() {
    this.#state.isBalancing = false;
  }

  #onDragStart(e) {
    e.preventDefault();
  }

  #onVisibilityChange() {
    if (document.visibilityState === 'hidden') {
      this.#autoplay('stop');
    } else if (document.visibilityState === 'visible' && this.#config.loop) {
      this.#autoplay();
    }
  }

  #attachEvents() {
    this.#state.events = {
      'click': [this.#state.el, this.#onClick.bind(this), true],
      'mouseenter': [this.#state.el, this.#onMouseEnter.bind(this), true],
      'mouseleave': [this.#state.el, this.#onMouseLeave.bind(this), true],
      'resize': [window, this.#onResize.bind(this), this.#config.refresh],
      'itc-slider__transition-start': [this.#state.elItems, this.#onTransitionStart.bind(this), this.#config.loop],
      'transitionend': [this.#state.elItems, this.#onTransitionEnd.bind(this), this.#config.loop],
      'touchstart': [this.#state.el, this.#onSwipeStart.bind(this), this.#config.swipe],
      'mousedown': [this.#state.el, this.#onSwipeStart.bind(this), this.#config.swipe],
      'touchend': [document, this.#onSwipeEnd.bind(this), this.#config.swipe],
      'mouseup': [document, this.#onSwipeEnd.bind(this), this.#config.swipe],
      'dragstart': [this.#state.el, this.#onDragStart.bind(this), true],
      'visibilitychange': [document, this.#onVisibilityChange.bind(this), true]
    };
    Object.keys(this.#state.events).forEach((type) => {
      if (this.#state.events[type][2]) {
        const el = this.#state.events[type][0];
        const fn = this.#state.events[type][1];
        el.addEventListener(type, fn);
      }
    });
  }

  #detachEvents() {
    Object.keys(this.#state.events).forEach((type) => {
      if (this.#state.events[type][2]) {
        const el = this.#state.events[type][0];
        const fn = this.#state.events[type][1];
        el.removeEventListener(type, fn);
      }
    });
  }

  #autoplay(action) {
    if (!this.#config.autoplay) {
      return;
    }
    if (action === 'stop') {
      clearInterval(this.#state.intervalId);
      this.#state.intervalId = null;
      return;
    }
    if (this.#state.intervalId === null) {
      this.#state.intervalId = setInterval(() => {
        this.#state.direction = 'next';
        this.#move();
      }, this.#config.interval);
    }
  }

  #balanceItems() {
    if (!this.#state.isBalancing) {
      return;
    }
    const wrapperRect = this.#state.elWrapper.getBoundingClientRect();
    const targetWidth = wrapperRect.width / this.#state.countActiveItems / 2;
    const countItems = this.#state.elListItem.length;
    if (this.#state.direction === 'next') {
      const exItemRectRight = this.#state.exItemMin.getBoundingClientRect().right;
      if (exItemRectRight < wrapperRect.left - targetWidth) {
        const elFound = this.#state.els.find((item) => item.el === this.#state.exItemMin);
        elFound.order = this.#state.exOrderMin + countItems;
        const translate = this.#state.exTranslateMin + countItems * this.#state.width;
        elFound.translate = translate;
        this.#state.exItemMin.style.transform = `translate3D(${translate}px, 0px, 0.1px)`;
        this.#updateExProperties();
      }
    } else {
      const exItemRectLeft = this.#state.exItemMax.getBoundingClientRect().left;
      if (exItemRectLeft > wrapperRect.right + targetWidth) {
        const elFound = this.#state.els.find((item) => item.el === this.#state.exItemMax);
        elFound.order = this.#state.exOrderMax - countItems;
        const translate = this.#state.exTranslateMax - countItems * this.#state.width;
        elFound.translate = translate;
        this.#state.exItemMax.style.transform = `translate3D(${translate}px, 0px, 0.1px)`;
        this.#updateExProperties();
      }
    }
    window.requestAnimationFrame(this.#balanceItems.bind(this));
  }

  #updateClasses() {
    const activeClass = this.#state.prefix + this.constructor.#EL_ITEM_ACTIVE;
    this.#state.activeItems.forEach((item, index) => {
      if (item) {
        this.#state.elListItem[index].classList.add(activeClass);
      } else {
        this.#state.elListItem[index].classList.remove(activeClass);
      }
      const elListIndicators = this.#state.el.querySelectorAll(`.${this.#state.prefix}${this.constructor.#EL_INDICATOR}`);
      if (elListIndicators.length && item) {
        elListIndicators[index].classList.add(`${this.#state.prefix}${this.constructor.#EL_INDICATOR_ACTIVE}`);
      } else if (elListIndicators.length && !item) {
        elListIndicators[index].classList.remove(`${this.#state.prefix}${this.constructor.#EL_INDICATOR_ACTIVE}`);
      }
    });
  }

  #move() {
    const widthItem = this.#state.direction === 'next' ? -this.#state.width : this.#state.width;
    const transform = this.#state.translate + widthItem;
    if (!this.#config.loop) {
      const limit = this.#state.width * (this.#state.elListItem.length - this.#state.countActiveItems);
      if (transform < -limit || transform > 0) {
        return;
      }
      if (this.#state.btnPrev) {
        this.#state.btnPrev.classList.remove(this.#state.btnClassHide);
        this.#state.btnNext.classList.remove(this.#state.btnClassHide);
      }
      if (this.#state.btnPrev && transform === -limit) {
        this.#state.btnNext.classList.add(this.#state.btnClassHide);
      } else if (this.#state.btnPrev && transform === 0) {
        this.#state.btnPrev.classList.add(this.#state.btnClassHide);
      }
    }
    if (this.#state.direction === 'next') {
      this.#state.activeItems = [...this.#state.activeItems.slice(-1), ...this.#state.activeItems.slice(0, -1)];
    } else {
      this.#state.activeItems = [...this.#state.activeItems.slice(1), ...this.#state.activeItems.slice(0, 1)];
    }
    this.#updateClasses();
    this.#state.translate = transform;
    this.#state.elItems.style.transform = `translate3D(${transform}px, 0px, 0.1px)`;
    this.#state.elItems.dispatchEvent(new CustomEvent('itc-slider__transition-start', {
      bubbles: true
    }));
  }

  #moveTo(index) {
    const delta = this.#state.activeItems.reduce((acc, current, currentIndex) => {
      const diff = current ? index - currentIndex : acc;
      return Math.abs(diff) < Math.abs(acc) ? diff : acc;
    }, this.#state.activeItems.length);
    if (delta !== 0) {
      this.#state.direction = delta > 0 ? 'next' : 'prev';
      for (let i = 0; i < Math.abs(delta); i++) {
        this.#move();
      }
    }
  }

  // приватный метод для выполнения первичной иницианализации
  #init() {
    // состояние элементов
    this.#state.els = [];
    // текущее значение translate
    this.#state.translate = 0;
    // позиции активных элементов
    this.#state.activeItems = [];
    // состояние элементов
    this.#state.isBalancing = false;
    // ширина одного слайда
    this.#state.width = this.#state.elListItem[0].getBoundingClientRect().width;
    // ширина #EL_WRAPPER
    const widthWrapper = this.#state.elWrapper.getBoundingClientRect().width;
    // количество активных элементов
    this.#state.countActiveItems = Math.round(widthWrapper / this.#state.width);
    this.#state.elListItem.forEach((el, index) => {
      el.style.transform = '';
      this.#state.activeItems.push(index < this.#state.countActiveItems ? 1 : 0);
      this.#state.els.push({ el, index, order: index, translate: 0 });
    });
    if (this.#config.loop) {
      const lastIndex = this.#state.elListItem.length - 1;
      const translate = -(lastIndex + 1) * this.#state.width;
      this.#state.elListItem[lastIndex].style.transform = `translate3D(${translate}px, 0px, 0.1px)`;
      this.#state.els[lastIndex].order = -1;
      this.#state.els[lastIndex].translate = translate;
      this.#updateExProperties();
    } else if (this.#state.btnPrev) {
      this.#state.btnPrev.classList.add(this.#state.btnClassHide);
    }
    this.#updateClasses();
    this.#autoplay();
  }

  #reset() {
    const transitionNoneClass = this.#state.prefix + this.constructor.#TRANSITION_NONE;
    const widthItem = this.#state.elListItem[0].getBoundingClientRect().width;
    const widthWrapper = this.#state.elWrapper.getBoundingClientRect().width;
    const countActiveEls = Math.round(widthWrapper / widthItem);
    if (widthItem === this.#state.width && countActiveEls === this.#state.countActiveItems) {
      return;
    }
    this.#autoplay('stop');
    this.#state.elItems.classList.add(transitionNoneClass);
    this.#state.elItems.style.transform = 'translate3D(0px, 0px, 0.1px)';
    this.#init();
    window.requestAnimationFrame(() => {
      this.#state.elItems.classList.remove(transitionNoneClass);
    });
  }

  #updateExProperties() {
    const els = this.#state.els.map((item) => item.el);
    const orders = this.#state.els.map((item) => item.order);
    this.#state.exOrderMin = Math.min(...orders);
    this.#state.exOrderMax = Math.max(...orders);
    const min = orders.indexOf(this.#state.exOrderMin);
    const max = orders.indexOf(this.#state.exOrderMax);
    this.#state.exItemMin = els[min];
    this.#state.exItemMax = els[max];
    this.#state.exTranslateMin = this.#state.els[min].translate;
    this.#state.exTranslateMax = this.#state.els[max].translate;
  }
}

ItcSlider.createInstances();
</script>
</head>
<body>
<div class="container">

  <div class="itc-slider" data-slider="itc-slider" data-loop="false" data-autoplay="false">
    <div class="itc-slider__wrapper">
      <div class="itc-slider__items">
        <div class="itc-slider__item">
          <div id="main-body">
<div class="track">
lana del rey - chemtrails over the country club
</div>
<style>audio::-webkit-media-controls-panel {background:white!important; } </style>
<audio src="https://forumstatic.ru/files/0017/5e/b1/80435.mp3" controls=" "></audio>
<div class="grid-main">
<div class="pic">
<div class="pic-pic">
<div class="pics"><img src="https://upforme.ru/uploads/0017/5e/b1/2/57387.png"></div>
<div class="pics"><img src="https://upforme.ru/uploads/0017/5e/b1/2/632274.png"></div>
</div>
<div class="pic-pic">
<div class="pics"><img src="https://upforme.ru/uploads/0017/5e/b1/2/107630.png"></div>
<div class="pics"><img src="https://upforme.ru/uploads/0017/5e/b1/2/832209.png"></div>
</div>
</div>
<div class="text">
♦ рост: 220 и выше;

♦ вес: твоя кровать не выдержит;

♦ особенности: большая женщина;
ОЧЕНЬ большая;
тити ебать большие;
ляжки помещаются только в кастомные сидения;
первородный облик;

♦ вайбы: родина-мать;
просто мать;
возьмет на руки если попросить;
цветочные!
и блестящие!
</div>
</div>
<div class="her">
образ и подобие зевса
</div>
</div>
        </div>
        <div class="itc-slider__item">
          <div id="main-body">
<div class="track">
jacob banks - mercy
</div>
<style>audio::-webkit-media-controls-panel {background:white!important; } </style>
<audio src="https://forumstatic.ru/files/0017/5e/b1/84366.mp3" controls=" "></audio>
<div class="grid-main">
<div class="pic">
<div class="pic-pic">
<div class="pics"><img src="https://upforme.ru/uploads/0017/5e/b1/2/467330.png"></div>
<div class="pics"><img src="https://upforme.ru/uploads/0017/5e/b1/2/528633.png"></div>
</div>
<div class="pic-pic">
<div class="pics"><img src="https://upforme.ru/uploads/0017/5e/b1/2/402261.png"></div>
<div class="pics"><img src="https://upforme.ru/uploads/0017/5e/b1/2/972586.png"></div>
</div>
</div>
<div class="text">
♦ рост: 186;

♦ вес: довольно кабаний;

♦ особенности: раньше был седее;
раньше - это в шестом веке;
его сделали дедом???
перестал быть седым;
облик для славянского лобби;
там до сих пор никто не в курсе что он кроссдрессер;

♦ вайбы: батя в здании;
НО детей вроде не было;
сейчас уже не вспомнит..
</div>
</div>
<div class="her">
славянский папа перун
</div>
</div>
        </div>
        <div class="itc-slider__item">
                    <div id="main-body">
<div class="track">
lana del rey - chemtrails over the country club
</div>
<style>audio::-webkit-media-controls-panel {background:white!important; } </style>
<audio src="https://forumstatic.ru/files/0017/5e/b1/80435.mp3" controls=" "></audio>
<div class="grid-main">
<div class="pic">
<div class="pic-pic">
<div class="pics"><img src="https://upforme.ru/uploads/0017/5e/b1/2/261329.png"></div>
<div class="pics"><img src="https://upforme.ru/uploads/0017/5e/b1/2/429636.png"></div>
</div>
<div class="pic-pic">
<div class="pics"><img src="https://upforme.ru/uploads/0017/5e/b1/2/568272.png"></div>
<div class="pics"><img src="https://upforme.ru/uploads/0017/5e/b1/2/96135.png"></div>
</div>
</div>
<div class="text">
♦ рост: 196;

♦ вес: 90;

♦ особенности: тити опять гигантские;
пропорции инопланетно конвенциальные;
стиль нулевых;
в японии пускают слюни;

♦ вайбы: посередине между аврил лавин и бритни спирс;
супер сонико!
это она послужила вдохновением или сама вдохновилась?
вопрос без ответа!
(на самом деле ответ очевидный)
</div>
</div>
<div class="her">
сонур сонна сонико
</div>
</div>
        </div>
<div class="itc-slider__item">
продолжение следует
</div>
      </div>
    </div>
    <button class="itc-slider__btn itc-slider__btn_prev"></button>
    <button class="itc-slider__btn itc-slider__btn_next"></button>
  </div>

</div>
</body>
[/html]