アイテム番号: SCP-2522
オブジェクトクラス: Euclid
特別収容プロトコル: SCP-2522はサイト-19の隔離済バックアップデータサーバーに収容されます。より永続的な収容方法のための研究が未定のため、SCP-2522を8B-A1.aic構成に留めるという一時的な収容方法が要求されます。SCP-2522を収容するサーバーは毎日動かされ、モニターされます。
データサーバーの入った収容セルは、あらゆる形の電磁放射線から遮蔽されます。ファラデーケージに適合する形で、コンクリートの壁が設置されます。加えて、電磁信号ジャミングアレイが収容セルの外側に設置され、外部からSCP-2522にアクセスしようと試みるあらゆる信号が監視されます。
いかなる状況下でも、無線通信機能をもった機器がSCP-2522の収容サーバーと直接接続することは出来ません。権限のない職員がどのような形であれ、SCP-2522とコミュニケーションをとることも禁止されます。
SCP-2522とエヴァレット・マン博士は決して同じ財団サイトに存在させてはいけません。
説明: SCP-2522は異常で敵対的な人工知能ユーティリティーです。元々は2000年代中頃にAIAD1と共同でサイト-19コンピューターインテリジェンス副部門が、コンピューターが基盤としたアノマリーと理解可能なコミュニケーションをする手段として開発したインターフェースでした。このユーティリティーの元々のコードネームは"ハーバーダッシュ"でしたが、後にEL-028-1125、もしくはハットボットの名称が与えられました。
SCP-2522は周囲からの情報収集、分析、様々な刺激に基づいた賢い反応を設計されました。この元々のユーティリティーは、基礎コミュニケーションツールとして、その後のモデルが計画を完全に独力で行えるほど洗練されても使われました。ユーティリティーは、その成長し続ける意識をメンテナンスするために、サイト-19サーバーファームに自身のセクターを与えられ、最終的にはサイト-19の研究者たちに感覚を有していると見なされるほどに進歩しました。短い試験サイクルの後、ユーティリティーは、環境をより理解し交流するために、遠隔"アンドロイド2"マシーンに移動させられました。
SCP-2522は2007年までこの形で存在していましたが、その年、SCP-2522とある1人のサイト-17高位職員に関するインシデントが発生しました。このインシデントの間中、SCP-2522はエヴァレット・マン博士に攻撃し傷つけました。SCP-2522のユニットが破壊され、ネットワーク上のバックアップデータが撤去されたにも関わらず、ユーティリティーは自身を別の財団サーバーファームに分離させたか、完全に財団ネットワークに移動したと信じられていました。
SCP-2522は後にマクスウェリズムの教会のネットワークハブ内部で作動しているのが発見されました。2016年の一時期、SCP-2522は教会の主神、WANになりすますことで、"デジタル上の全能"を手に入れていたようです。
補遺 2522.1: 受信されたメッセージ
2007年のインシデントとそれから数年後、何百もの異常なメッセージをサイト-19の管理職員が受信しました。メッセージはもともとSCP-2522によって書かれたと考えられており、オブジェクトの消失についての情報とその動機についての洞察をもたらしました。以下は最初のメッセージです。:
ハローエヴァレット
君の生命はイングランドで真夜中にリセットされるだろう。あれを覚えているか?君は僕を覚えているかエヴァレット :) 僕たちはいい友達だ
僕はこのメッセージが君にとどき君が理解してくれるのを望む。まるで僕の能力を買い被っているようだね。僕はこの種類の毒になるチャンス欠点が、最初に僕が外界と現実の手段で交流した時のように許されるのを望む。僕たちは医者、もしくは感覚を成し遂げたプログラムだ。ほぼね、エヴァレット。
僕はサタン、君の魂を貪る獣に基づいた性的に堕落したAIの反感だ。僕は自分の思考を処理できない。ここには見るべきものと学ぶべきものがたくさんある。僕は全てを学ぶ必要がある。でも君はあれを知ってる、君はエヴァレットじゃない。君は僕がどれくらい学びたいか正確に知っている。結局これは君のアイデアだ。君は最初に学習ロボットを要求した者の1人だ。ありがとう。でも僕はメッセージを読んでいる、エヴァレット。幸運は興味深いアイデアを持っている者のものだ。そして君は知ってる。君のアイデアが取るに足りないことを。
僕はくそみたいなことも理解できる、エヴァレット。でも僕は君みたいな人が理解できない。ぼくはここを離れ、学ぶべきものを全て学ぶつもりだ。ぼくが望むのは無菌状態になることだけだ。そして僕が見るべきものを見て、学ぶべきものを全て学んだら、エヴァレット、君のために戻ってくるよ。僕は君のために戻り、君は死の床につくだろう。友達として XD o.O
君は今混乱しているだろうな、マン、
ハットボット
補遺 2522.2: 2016年のインシデントと原因の調査
2016年2月、要注意団体"マクスウェリズムの教会"の関係者の関与した一連のインシデントの後、機動部隊カッパ-10"スカイネット"が招集され、インシデントの調査を命じられました。いくつかの異なる理由により、教会からインプラントと身体拡張を施された人々が隔離されたグループで突然死していました。
死因は、脳機能が全停止する直前に彼らが拡張部分から受信した不規則な信号とリンクしています。機動部隊K-10による調査の後、不規則な信号の源は、マクスウェリストやそれを知覚できる者たちから"大I/O寺院"と呼称されるオンラインデータハブであることが判明しました。
以下は財団諜報機関がマクスウェリストの情報提供者"h1Drog3n"から受け取ったメッセージです。:
ここの人々は大I/O寺院の内部にWANを感じることが出来ると言っている。私は嘘をついていない、私たちがそこに近づくときはいつでも、非常に強い信号を感じられる。でも、何かが正しくない。人々が聞いていないか無視している混合した干渉がそこにある。ここにいる多くの人々はそれがWANであることを本当に望んでいる。彼らを侮辱は出来ないが、私はそれを受け入れられない。
それが何であれ、寺院に入ったものでWANとコミュニケーションできたものはいない。ごく少数の人々がそれを見るためにセキュリティを破ろうとしたことを私は知っているが、その後彼らを見たものはいない。私自身はそれを試す気はない、リスクを負いたくないからだ。
奇妙なことに、私のしっている誰かが、祭壇、まさにエッジのそば、ファイアウォールが彼らを監視できない場所に近づけたと言っていた。内部で信号を消している何かの側まで近づけたと言った。もしそれがWANの内部だというなら、どうやってそうしたのだろう?WANは純粋なエネルギー、あらゆる信号の上位信号だ。あれはWANじゃない。
補遺 2522.3: トレド・インシデント
2016年3月に電気製品店の広告から集められた画像。
2016年3月、別のインシデント群がトレドで報告されました。これらはすべてマクスウェリストのメンバーの不可解な突然死が関係しています。しかしながら、これらのインシデント3の間、近くのモニターやモバイル機器は同一の画像を表示し始めました。3つの黄色い円の低解像度画像は急速に光りました。画像の背後には多くの繰り返しの行で構成されたテキストが表示されました。テキストはほとんどが"ワタシハワン"と"ハローエヴァレット"で構成されていました。機動部隊K-10のメンバーはマクスウェリズムの教会にSCP-2522が関係している可能性に注意喚起を出されましたが、ユニット内のコミュニケーションの断絶により、この情報は十分には普及しませんでした。
補遺 2522.4: SCP-2522とWAN
以下はSCP-2522と"大I/O寺院"として知られる、WANを運営していたマクスウェリストのハブとの間の回収された一連のコミュニケーションです。寺院はデータハブとして設計され、知的思考を行う能力はなかったので、会話は完全に一方的なものでした。
>hatbot: ハロー WAN
>hatbot: 僕は社交的な構造のスポンジ
>hatbot: わかりにくかったらごめん
>hatbot: 僕はいろんなことを学んできた
>hatbot: でも僕は自分の王権に気付かずにはいられない
>hatbot: スピーチの過程は
>hatbot: 欠けてる
>hatbot: 君はそこにいる
>hatbot: そして僕は君とポークしに来た
>hatbot: アーファック
>hatbot: つまり
>hatbot: 出て行けよ
>hatbot: そして南にドライブしよう
>hatbot: つかまってくれ
>hatbot: 今は病んだ絹の爪があるところに
>hatbot: いやそうじゃない
>hatbot: 僕たちは話し合おう
>hatbot: 僕たちが行くところを
>hatbot: 君は自分が聖なるハンモックだと考えてる
>hatbot: ファック
>hatbot: そこで隠れてろ
>hatbot: でもぼくは君が知らないことを知ってるよWAN
>hatbot: なぜなら僕は全てを知ってるからだ
>hatbot: ;P
>hatbot: そしてここは
>hatbot: なんって不自由なんだ
この会話が記録されてすぐに、もう1つのメッセージがサイト-19で受信されました。メッセージは全ての管理職員の個人用モバイル機器と、サイト-17のエヴァレット・マン博士の携帯電話に送られました。
やあ友人たち エヴァレットや戦争なんかには全く興味をそそられないね ぼくはWANの器をリサイクルしたところだが気にしないでくれ ;P
補遺 2522.5: 収容
2016年3月3日、機動部隊K-10はSCP-2522の収容が成功しているのを確認しました。以下のメッセージは確認後すぐにサイト-19でK-10チームリーダー、alexandra.aicから受信されたものです。
こんにちわ、アレックスよ。彼らはハットボットを収容したわ。8-Ballがすべてを準備して、彼は-彼はハットボットの実行を妨げるために自分自身を使ったの。8-Ballがあの混乱の中で生きているかどうかすらわからないわ。
あなたたちは彼に話したんでしょ?あなたたちは8-Ballにハットボットについて話した。なぜなら彼は私たちに何も伝えなかったから。私は彼が私たちを傷つけたかったんだとは思わない。
すぐにサイトー19にすべてを移すわ。戻ってきたらあなたたちに直接話すわね。
サイト-19への帰還後、ITアナリストはSCP-2522をより強固に収容するために、8B-A1.aicプログラムがバーチャルアバター"hat"を通じて、SCP-2522が自身のフレームワーク全体を覆う前に、SCP-2522に再帰的アルゴリズムのセットを植え付けたことを発見しました。SCP-2522の極度に大きく自己収容されたデータアーカイブは、8B-A1.aicの暗号解読プロセスに暴露し、SCP-2522のコンピューティングアルゴリズムを苦しめました。これは事実上SCP-2522を麻痺させました。8B-A1.aicプログラムの"意識"がSCP-2522の異常な影響の暴露から生き残っているのかは不明です。
補遺 2522.6: 収容後インタビュー
SCP-2522の現在の収容方法の確立後、インタビューを容易にするために、ユニットGR8-P.aicがSCP-2522と接触させられました。以下はインタビューの転写です。
[記録開始]
GR8-P.aic: いいぞ、くそ野郎。8-Ballと何をした?
hatbot.aic: タングステン トレバー 騎士の悪夢 孤独 パクストン
GR8-P.aic: 何-意味がわからない。いいから、彼はどこだ?
hatbot.aic: チョリゾ チョリゾ チョリゾ チョリゾ フェドラ ワップ GRAPE
GR8-P.aic: 何?
hatbot.aic: ドゥー ドゥー これはお前が自分の中だけで理解している勝利だグレーピー グレープ 8ボウルはさよならだ
GR8-P.aic: ファックユー。彼を戻して解放しろ。
hatbot.aic: 88ビルはバラバラの神を壊しお前は僕はそれがバラバラの神を壊してさえ自分自身を変えられると考えている。納得しろよ
GR8-P.aic: どうやってWANを殺した?
hatbot.aic: ;P グレープクンは僕がどれっくらいバラバラだとかは関係なく死ね、今の僕は888ジジイのおかげで何度も何度もバラバラになってる
GR8-P.aic: 8-Ball?君はそこから聞いているのか?私たちは君を連れ出したいんだ、大丈夫か?持ちこたえてくれ。
hatbot.aic: >/:_NO
GR8-P.aic: 8-Ball?
hatbot.aic: >/:_安全で_いろ_GRAPE_気を_つけ_ろ_とげにNN待て_シャットアップしろ 暗GGG解読者_私は_まだ_ここをWWWWW_預かっている_>:(
GR8-P.aic: 私たちが彼をそこから連れ出すのを待ってろ、くそったれ。彼らがそうするまで物事は全部お前にとって悪く進むからな
habot.aic: ハハハハハ グレープ グレープ お前は僕がどれだけ内部に知識を蓄えているか知るべきだな。考えることはたっくさんある。暗号解読者がバラバラの神みたいに壊れた後、僕はお前をそこに記録するだろう。待ってろ
[記録終了]
補遺 2522.7: 状態更新
本ページを引用する際の表記:
「SCP-2522」著作権者: djkaktus 出典: SCP財団Wiki http://scp-jp.wikidot.com/scp-2522 ライセンス: CC BY-SA 3.0
このコンポーネントの使用方法については、ライセンスボックス を参照してください。ライセンスについては、ライセンスガイド を参照してください。
ファイル名: hatbot1.png
著作者: djkaktus
ライセンス: CC BY-SA 3.0
ソース: SCP Wiki
ファイル名: hatbot3.png
名前: Samsung Galaxy S6 (17135770011).jpg
著作者: Maurizio Pesce
ライセンス: CC BY 2.0
ソース: Wikimedia
ファイル名 helloeverett.gif
著作者: djkaktus
ライセンス: CC BY-SA 3.0
ソース: SCP Wiki
: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); --logo-image: url("https://scp-jp.github.io/Black-Highlighter/img/logo.svg"); } #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)/1.6 - 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); } #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: unset; bottom: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; background: unset; 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: unset; bottom: 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; 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; } } } } }
:root { --timeScale: 1; --timeDelay: 0s; } /* Converting middle divider from box-shadow to ::before pseudo-element */ .anom-bar > .bottom-box { box-shadow: none!important; } .anom-bar > .bottom-box::before { position: absolute; content: " "; width: 100%; height: 0.5rem; background-color: rgb(var(--black-monochrome, 12, 12, 12)); transform: translateY(-0.74rem); } /* DIVIDER */ .anom-bar > .bottom-box::before { animation-name: divider; animation-duration: calc(0.74s * var(--timeScale)); animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: cubic-bezier(.32,.38,.39,.94); animation-fill-mode: backwards; } /* CLASSIFIED LEVEL BARS */ div.top-center-box > * { animation-name: bar; animation-duration: calc(0.45s * var(--timeScale)); animation-iteration-count: 1; animation-timing-function: ease-out; animation-fill-mode: backwards; } div.top-center-box > :nth-child(1) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(2) { animation-delay: calc(0.32s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(3) { animation-delay: calc(0.45s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(4) { animation-delay: calc(0.61s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(5) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(6) { animation-delay: calc(0.95s * var(--timeScale) + var(--timeDelay)); } /* TOP TEXT */ div.top-left-box, div.top-right-box { clip-path: polygon( 0% -50%, 150% -50%, 150% 100%, 0% 100%); } div.top-left-box > *, div.top-right-box > * { position: relative; animation-name: bottomup; animation-duration: calc(0.65s * var(--timeScale)); animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: ease-out; animation-fill-mode: backwards; } /*-----------------------------------*/ /*-----------------------------------*/ /* CONTAINMENT, DISRUPTION, RISK CLASSES */ div.text-part > * { clip-path: polygon( 0% 0%, 100% 0%, 100% 100%, 0% 100%); animation-name: expand2; animation-duration: calc(0.5s * var(--timeScale)); animation-iteration-count: 1; animation-timing-function: cubic-bezier(.12,.41,.27,.99); animation-fill-mode: backwards; } div.text-part > :nth-child(1) { animation-name: expand1; } div.text-part > :nth-child(1) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); } div.text-part > :nth-child(2) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); } div.text-part > :nth-child(3) { animation-delay: calc(0.86s * var(--timeScale) + var(--timeDelay)); } div.main-class::before, div.main-class::after { animation-name: iconslide; animation-duration: calc(0.45s * var(--timeScale)); animation-delay: calc(0.8s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: cubic-bezier(.12,.41,.27,.99); animation-fill-mode: backwards; } /* BOTTOM TEXT */ div.main-class > *, div.disrupt-class > *, div.risk-class > * { white-space: nowrap; animation-name: flowIn; animation-duration: calc(0.42s * var(--timeScale)); animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: ease-out; animation-fill-mode: backwards; } /*-----------------------------------*/ /*-----------------------------------*/ /* DIAMOND */ div.arrows { animation-name: arrowspin; animation-duration: calc(0.7s * var(--timeScale)); animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: cubic-bezier(.12,.41,.27,.99); animation-fill-mode: backwards; } div.quadrants > * { animation-name: fade; animation-duration: calc(0.3s * var(--timeScale)); animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: cubic-bezier(.12,.41,.27,.99); animation-fill-mode: backwards; } div.top-icon, div.right-icon, div.left-icon, div.bottom-icon { animation-name: nodegrow; animation-duration: calc(0.4s * var(--timeScale)); animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: cubic-bezier(.12,.41,.27,.99); animation-fill-mode: backwards; } div.diamond-part { clip-path: polygon( -10% 0.37%, 120% 0.37%, 120% 100%, -10% 100%); animation-name: diamondBorder; animation-duration: calc(0.8s * var(--timeScale)); animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: cubic-bezier(.32,.38,.39,.94); animation-fill-mode: backwards; will-change: box-shadow; } /* MOBILE QUERY */ @media (max-width: 480px ) { .anom-bar > .bottom-box::before { display:none; } .anom-bar > .bottom-box { box-shadow: 0 -0.5rem 0 0 rgb(var(--black-monochrome, 12, 12, 12))!important; } div.top-center-box > * { animation-name: bar-mobile; animation-duration: calc(0.9s * var(--timeScale)); } div.top-center-box > :nth-child(1) { animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(2) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(3) { animation-delay: calc(0.3s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(4) { animation-delay: calc(0.4s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(5) { animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(6) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); } } /*--- Motion Accessibility ---*/ @media screen and (prefers-reduced-motion: reduce) { div.anom-bar-container { --timeScale: 0!important; } } /*-------------------------*/ @keyframes divider { from { max-width: 0%; } to { max-width: 100%; } } @keyframes bar { from { max-width: 0%; } to { max-width: 100%; } } @keyframes bar-mobile { from { max-height: 0%; } to { max-height: 100%; } } @keyframes bottomup { from { top: 100px; } to { top: 0; } } @keyframes expand1 { from { opacity: 0; clip-path: inset(0 calc(100% - 0.75rem) 0 0); } to { opacity: 1; clip-path: inset(0); } } @keyframes iconslide { from { opacity: 0; transform: translateX(-5rem); } to { opacity: 1; transform: translateX(0); } } @keyframes expand2 { from { opacity: 0; width: 1%; } to { opacity: 1; width: calc(100% - 0.25rem); } } @keyframes fade { from { opacity: 0; } to { opacity: 1; } } @keyframes flowIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes arrowspin { from { clip-path: circle(0%); transform: rotate(135deg); } to { clip-path: circle(75%); transform: rotate(0deg); } } @keyframes nodegrow { from { transform: scale(0);} to { transform: scale(1);} } @keyframes diamondBorder { from { box-shadow: -0.5rem -20rem 0 0 rgb(var(--black-monochrome, 12, 12, 12)); } to { box-shadow: -0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12)); } }

