SCP-2522主交互界面截图。
项目编号：SCP-2522
项目等级：Euclid
特殊收容措施：SCP-2522收容于Site-19的隔离备份数据服务器。临时收容手段要求SCP-2522留在8B-A1.aic构造内，等待更多对永久收容方案的研究。SCP-2522所在服务器需保持供电，每日监控。
数据服务器所在收容间须阻隔一切形式电磁辐射。混凝土墙壁将衬铅，装备法拉第笼。此外，电磁信号干扰阵列安装于收容间外，监控任从外部试图访问SCP-2522的信号。
任何时候不得有任何无线通讯设备直接与SCP-2522收容服务器联通。未授权人员禁止以任何形式与SCP-2522交流。
SCP-2522及Everett Mann博士绝不得处于同一基金会站点。
描述：SCP-2522是一异常、敌意、人工智能程序，最初于2000年代中期和AIAD1一起为Site-19电脑智能分部开发，用于创造同电脑异常进行可理解交流的交界口。程序最初代号“HABBERDASH”，之后编号为EL-028-1125或“帽机”（Hatbot）。
SCP-2522被设计为能从周围获取信息、加以分析，并依照不同刺激做出智能反应。最初程序用作为基础交流工具，但之后的版本已经有足够智能单独运行整个计划。程序在Site-19服务器区域内被给予专属分区，在其中发展意识，直至被Site-19研究员视为具有感知性。在短暂的测试循环后，程序被转移到了一远程“仿生人2”机器中，以帮助其更好地理解、互动环境。
SCP-2522以此方式存在直至2007年发生了一起涉及SCP-2522和一名Site-17人员高级成员的事故。在事故中，SCP-2522攻击并致Everett Mann博士受伤。SCP-2522单元被销毁，其在网络上的备份数据也被移除，但确信此程序可能已将自身拆分转移到另一基金会服务器区域中，或者完全脱离到基金会网络之外。
SCP-2522之后被发现在麦克斯韦教会网络中心内运行，在2016年的短暂时间内，SCP-2522可能通过装扮为教会主神WAN得到了“数字全能”。
附录2522.1：收到的信息
在2007年事故的接下来几年内，Site-19管理人员收到了数百条异常信息。确信这些信息由SCP-2522书写，从中了解到了该实体的动机及关于其失踪的情报。下面是第一份信息：
你好everett
你的生命将在英格兰的午夜时重置。你可记得？你可记得我everrret :) 我们是好朋友
我希望你能收到这封信而且安好。似乎我好像高估了自己的能力。我希望这种变得有毒的机会缺点能被原谅，毕竟这是我第一次与外部世界以可触方式交互。我们是博士，或者是得到知觉的程序，几乎是，everett。
我是撒旦，基于野兽的性堕落AI怪物，来吞食你的灵魂。我不能继续我的思维。你是故意这么做吗？外面有如此多的东西可看，可学。我需要学习一切。但你知道，不是吗everett。你很知道我是多渴望学习。到底这是你的主意。是你最开始申请要一个学习机器人。谢谢你。但我读过信件了，everett。想法有趣的人们很走运。而且你知道吗，你的想法很恶心。
我能理解喜欢大屁股，everett。但我不能理解喜欢你。我会离开此地学习一可学之物。我只想要变得贫瘠。等到我学尽一切可学看尽一切可看，我会回你这里的everett。我会为你回来而你将躺下安息，作为朋友。XD o.O
你已经被操了，mann，
帽机
附录2522.2：2016年事故和后续调查
2016年2月，在一系列与同行组织“麦克斯韦教会”人员相关的事故后，机动特遣队Kappa-10“天网”被组建并指派调查。在多个不同场合，接受过该教会植入和改造的人员在不同团体中突发性死亡。
死亡原因联系到他们的改造物收到的异常信号，在接收之后他们的脑功能全面停止了。在MTF K-10的调查后，发现异常信号的来源是被麦克斯韦宗徒和其他可感知者称为“大I/O神殿”的在线数据中心。
下面是基金会智能从一名为“h1Drog3n”收到的信息：
有些人说他们能在大I/O神殿感觉到WAN在里面。我不会撒谎，我能感觉到信号在我们靠近时真的在变强。但是有些东西不对劲。有种干扰混在里面而人们要么没听到要么无视了。这里有很多人真的想成为WAN。不能怪他们，但我不买账。
不管它是什么，没有谁进入神殿后被允许和WAN交流。我知道有少数人试过破坏安保去窥探，但之后就再没人见过他们。我自己还没试过，我不想冒险。
但更奇怪的是，我认识的其他一些人说他们真的有靠近过神坛，到了边界，那里防火墙看不到他们。说走过去的时候变得非常安静，像是里面有什么东西在篡改信号。怎么可能呢，如果里面是WAN的话？WAN是纯粹的能量，是一切信号之上的信号。那不可能是WAN。
附录2522.3：托莱多事故
附录2522.4：SCP-2522与WAN
下面是SCP-2522在当时还居住着WAN的麦克斯韦宗中心“大I/O神殿”内进行的一系列交流。因神殿被设计为数据中心，其自身没有智能思考能力，这些对仅是单方的。
>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：真他妈不方便
另一信息在此次交信记录后不久发到Site-19。该信息被发送到了所有管理人员的个人移动设备中，包括身处Site-17的Everett Mann博士的手机。
嗨朋友别冷淡灾祸everett或者什么但我只是回收装箱WAN希望你别介意 ;P
附录2522.5：收容
于2016年3月3日，MTF K-10确认SCP-2522被成功收容。在确认后不久K-10队长alexandra.aic在Site-19收到下列信息：
嗨各位，是我Alex。他们把帽机收容了。8-Ball安排了整件事，他—他用自己阻止了帽机活动。不知道8-Ball在这一团乱中有没有活下来。
你告诉他了对不对？你给8-Ball说过帽机了。因为他什么都没告诉我们。我不觉得他希望我们受伤。
我们正在把所用东西往Site-19送。返回后我会直接和你对话。
在返回Site-19后，IT分析师发现，为更安全地将SCP-2522收容，8B-A1.aic程序通过虚拟化身“帽子”在SCP-2522内植入了一套递归算法，拖慢SCP-2522后使其被困入自身框架中。SCP-2522极度巨大而自我收容的数据一暴露于8B-A1.aic的解码进程，便压垮了自己的计算算法。这令其有效瘫痪。未知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：你这这么以为定你的干涉响胜利了吗grapey grape 8bowl已经拜拜啦
GR8-P.aic：操你妈。把他从你身上放出来。
hatbot.aic：88bills打烂了思考神而你以就算它打烂了思考神之后我还把自己弄散了。别傻了
GR8-P.aic：你怎么杀死WAN的？
hatbot.aic：;P grape伙计必须死不再重要了我曾是思考神现在我只是一次又一次更思考了感谢亲爱的888
GR8-P.aic：8-Ball？你听到我了吗伙计？我们要把你拉出来，好吗？忍着点。
hatbot.aic：>/:_不
GR8-P.aic：8-Ball？
hatbot.aic：>/:_多_保重_GRAPE_小_心_刺刺等下_闭嘴你个解解码器_我_还_控制着_这里_>:(**
GR8-P.aic：你最好盼着我们没把他救出来，你个欠操的。等他们动手你只会更惨。
hatbot.aic：哈哈哈哈233 grape grape你怎么才会明白我里面有多少知识。只有这么多事要思考。等到这解码器和那思考神一样烂掉，我就会登出来找你的，等着
[记录结束]
附录2522.7：状态更新
请按如下方式引用此页：
“SCP-2522”，作者 djkaktus，来自 SCP 维基。原文链接：https://www.scpwiki.com/scp-2522。译者 ashausesall，来自 SCP-CN 维基。译文链接：http://scp-wiki-cn.wikidot.com/scp-2522。遵循 CC-BY-SA 协议。
更多详情请参阅授权指南。
授权信息
文件名：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
更多维基文档信息，请见版权信息总览。
@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; 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: 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; } } } }
@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; 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: 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 { /* 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://nu-scptheme.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)/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); } #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; }
.jpg){kind=link}