次要等级：次要等級：
{$secondary-class}
扰动等级：擾動等級：
{$disruption-class}
特殊收容措施：SCP-3293被收容于一个标准人形收容间中。由于其过去违反规定的记录及其异常特性，SCP-3293未得到任何标准便利设施。SCP-3293将被置于持续监视之下，并且每天须对收容单元进行搜查。经许可进入的研究员被鼓励拜访SCP-3293以强制其服从规定并保持其精神振作。
发现的任何SCP-3293-A实体必须予以没收并报告给Iles博士。此前的SCP-3293-A实体可以在异常项目E区的502室找到。任何人员计划对SCP-3293-A实体进行研究必须得到Iles博士的许可。
目前的收容程序正在审查之中，在得到伦理道德委员会的批准后也许会进行修改。
更新收容措施：SCP-3293已被无效化。详情见附录3293.4。 原来位于俄亥俄州哥伦布市的Wells一家将继续处于持续监视之下。
描述： SCP-3293是一个六岁的白人男性，原名Cooper Wells，来自美国俄亥俄州的哥伦布市。SCP-3293的异常效果表现在它看起来似乎能够随心所欲地从普通物体中创造出复杂而难解的机器和技术。
SCP-3293被归类为第二类现实扭曲实体，其能力范围仅限于其直接周围SCP-3293似乎并未意识到其能力的异常性质，也没有意识到其起源; SCP-3293对实际的科学和技术结构了解有限，并不认为其能力是异常的。相反，SCP-3293对各种物体及其用途的想象术语似乎变成了现实，这使得SCP-3293能够创造各种能够无视自身原本结构而按其设计运作的设备。
SCP-3293因它能够轻易创造技术设备，使其能够用很少的资源实现远距离传送，而有突破收容的倾向。然而，由于 SCP-3293总是倾向于尝试返回其父母家中，几乎在每次收容突破事件中都很容易被重新收容。详情请参阅附录3293.3。
附录3293.1：发现过程
SCP-3293是在俄亥俄州立大学内部的基金会特工报告一处哥伦布小郊区出现了不寻常且难以描述的高剂量辐射时被发现的。该事件与来自一个特定家庭的无法解释的能量回馈，使得特工们能够迅速找到并捕捉了SCP-3293。
附录3293.2：访谈记录
注: 下面的访谈是在实行最初的收容措施之后不久，制定永久收容措施之前进行的。在这次访谈中，SCP-3293给人的印象是它正在儿童日托所中一般。
[记录开始]
Iles博士: 嘿，伙计，你好吗？
SCP-3293：看啊，女士。我做了一台电视。
SCP-3293做出了用一块硬纸板支撑的干式擦除板，上面贴着几块连着一支基金会提供的牙刷上的短短的红纱。当SCP-3293操作牙刷时，该设备像电视一样运作起来。该装置随后被收集用于研究。
Iles博士：哇，Cooper，太酷了！ 你是怎么做到的？
SCP-3293：我把这根电线接到，呃，不是长电线，是短电线，因为我没有长电线，但是我把它接到了咬恐器上，然后就可以打开它了。
Iles博士：太棒了，伙计。你今天在看什么节目？
SCP-3293：我，呃，我在看阿甘妙世界
Iles博士：我明白了，酷。Cooper，能跟我说说你那天做的东西吗？
SCP-3293：（大笑）笨蕉刚刚摔到地上了！
Iles博士： 我看到了，是啊。 但是，嘿，你当时做的东西呢？ 它是做什么的？
SCP-3293：哦，那是一个饼干提供机。 我想,"也许我只是想要一块饼干"，于是我做了一个饼干寻找机，把它插到一个物品提供机上，做了一个饼干提供机。 但是，但是然后，呃，有个先生来了，他把饼干提供机拿走了。
Iles博士：啊，好吧。 但是Cooper我想知道——
SCP-3293：你认识那个先生吗？ 如果他把那还给我，我拿回来的时候会给你一块饼干。那个先生也可以来一块。
Iles博士：当然，但是你是怎么做出饼干提供机呢，Cooper？
SCP-3293：嗯？
Iles博士：嗯，你知道你做饼干不能只用袜子和——
SCP-3293：不，这是一个饼干寻找机，然后我把它插进了物品提供机里。
Iles博士：但是，它甚至没有电源，伙计。
SCP-3293：哦，对哦，我忘记加电池了！只要装上电池，它就会变成一个，呃，啊，嗯。我想是饼干提供机，但是更多的饼干？
[记录结束]
附录3293.3：收容突破
在几次不同的机会下，SCP-3293能够通过创造装置传送出Site-81，或是通过创造装置来强行突破站点安装的安保措施的方式来突破收容。这些装置包括“隐形帽”、“缩小枪”、“曲速毯”和“挖洞鞋”等等。 然而，SCP-3293每次突破收容后都会试图返回其父母Dave和Kathy Wells的家中。
伦理道德委员会最初批准了Iles博士的提议，将Wells夫妇征召为E级人员，以便加强收容，此时Wells夫妇认为SCP-3293目前因身患一种罕见疾病而被隔离。最初，这使得SCP-3293在征召的头三个月里完全停止了任何突破收容的尝试。
然而，在18年2月14日，E级人员说服 SCP-3293试图突破封锁，在收容突破后的审讯中将妄想症和厌倦供认为此次尝试的原因。伦理道德委员会否决了立即处决E级人员的提议，转而选择对Wells夫妇进行记忆消除，以虚假身份和记忆重新安置他们。
这导致了更多的收容突破，但是SCP-3293仍然遵循最初的突破模式，试图返回Wells家。由于这种行为模式，SCP-3293通常很容易被镇静并重新收容。最终，SCP-3293开始制造装置，使他能够定位父母所在地并以非寻常的方式前往该处，但他们已不认识他且通常会立即通知基金会安插在当地警察中的人员。
经过几次突破收容而被记忆消除后的Wells夫妇将他移交当局的尝试后，SCP-3293的情绪状况开始严重恶化。收容措施的增设加剧了这种情况，特别是在限制它获得任何它可以用来创造异常科技装置的物件的协议生效后。最终，SCP-3293变得孤僻，对基金会工作人员充满敌意，不得不在喂食和睡眠等时段对其使用镇静剂。
Ostermann博士
正如先前收容突破事件表明的那样，SCP-3293对其收容区域内的人员构成重大风险。它已被证明无法适应所在环境，且现在会攻击任何携带临时武器进入其接待室的人员。
在 SCP-3293能够被送往高度安全的keter级收容牢房之前，我建议修改目前的特殊收容措施，以尽量减少收容突破的风险，并通过持续施用镇静剂来在不使项目无效化的同时保持其精神状态稳定：
特殊收容措施：SCP-3293将被收容在Site-81一个经过改装的隔音人型收容间内。该收容间内必须无任何物体存在，包括住宿和所有形式的娱乐物品。不得向SCP-3293任何衣物或其他个人物品，并且其行动必须受到限制。
每日三次，SCP-3293将被给予适宜的食物通过喂食管被饲喂，同时接受镇静注射。进入SCP-3293所在的收容间施用镇静剂的人员必须迅速进入收容单元，以避免SCP-3293以任何形式接触任何用于镇静的设备。所有进出收容单元的人员必须确认所有设备所在处，以防留下物质材料供SCP-3293操纵。
附录3293.4：无效化
2018年6月17日，在一次例行检查期间，SCP-3293于人员进入收容间准备对其实施镇静时藏在收容间门后，并攻击工作人员。 SCP-3293使用从一名工作人员身上取下的一串钥匙迅速制造了一把临时的电击枪，将两名工作人员击昏。在迷路和虚弱的恐慌中，SCP-3293试图快速创造一个装置来逃出收容区域。收容间内的音频设备录下了SCP-3293在此期间不断重复"回家"的语句。
然而，不知是有意而为还是意外，被创造出的装置开始发出过度的嗡鸣声和明亮的光芒，引起了SCP-3293的显著结构变化。该实体的四肢开始迅速增长，几处地方受到损伤，面目严重扭曲。它的皮肤开始成块脱落，眼睛极度鼓胀充血。它的下颚向下垂去，程度之大似乎其再也无法合上嘴巴了，它的话语也变成了不甚清晰的声音。当时意识清醒的收容人员与这个实体搭话，设法使这个显然处于惊慌状态的实体退回角落中。在其他收容人员进入收容间之前，SCP-3293制造的装置发生了剧烈爆炸，炸死了SCP-3293和负责收容的两名工作人员。
两名收容人员的尸体被按照《基金会议定书》埋葬，而SCP-3293实体的尸体在解剖后被焚毁
事件发生后，SCP-3293被重新归类为neutralized。
附录3293.5：收集到的异常装置
| 分类编号 |
描述 |
用途 |
发现地址 |
| 3293-A-1 |
连接在粗钍反应堆上的简易烤箱，主要由空锡罐、一个手电筒和一台没有其他功能的笔记本电脑构成。 |
一个为SCP-3293提供零食而制造的面包机。 |
初期收容站点 |
| 3293-A-4 |
一根粘在空火柴盒上的塑料制成的“可弯曲吸管” 。 |
其作用类似于手持移动电话。 |
初期收容站点 |
| 3293-A-6 |
一双套在标准床头灯上的棉袜。 |
制造饼干。 |
收容间 |
| 3293-A-9 |
三个用鞋带绑在一起，固定在毛巾上的钢制床垫弹簧，用于戴在头上。 |
远程传送装置。 |
收容间 |
| 3293-A-14 |
连接在拖把末端的标准凉鞋，末端如剃刀般锋利。 |
一种铲土装置，似乎可以挖穿任何物质。 |
收容间 |
| 3293-A-21 |
绑在聚苯乙烯泡沫塑料杯上的一柄塑料勺。 |
与3293-A-4用途相似，但仅可以呼叫SCP-3293的初期收容站点。 |
收容间 |
| 3293-A-22 |
已损毁的未知装置。 |
该装置似乎能消除任何经过记忆消除的人类所受的影响，在SCP-3293无效化大约5小时后停止活跃。 |
收容间 |
@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;
}
