@import"https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&display=swap";.kns-pt,.kns-el-list{--pt-bg: #15120e;--pt-bg-soft: #1c1813;--pt-bg-lift: #241f18;--pt-gold: #e0b700;--pt-gold-2: #f0d152;--pt-text: rgba(255,255,255,.93);--pt-sub: rgba(255,255,255,.62);--pt-faint: rgba(255,255,255,.42);--pt-border: rgba(255,255,255,.09);--pt-border-g: rgba(224,183,0,.3);--pt-gold-dim: rgba(224,183,0,.12);--pt-w: 1180px;--pt-grid-w: 1040px;--pt-serif: "Newsreader", "Hoefler Text", "Iowan Old Style", Palatino, Georgia, serif;--pt-ease: cubic-bezier(.16, 1, .3, 1)}.kns-pt,.kns-el-list{background:var(--pt-bg);color:var(--pt-text)}.kns-pt,.kns-pt *,.kns-pt *:before,.kns-pt *:after,.kns-el-list,.kns-el-list *,.kns-el-list *:before,.kns-el-list *:after{box-sizing:border-box}.kns-pt{padding-block:clamp(52px,7vw,104px);position:relative}.kns-pt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%,rgba(224,183,0,.05),transparent 60%)}.kns-pt__inner{position:relative;max-width:var(--pt-w);margin:0 auto;padding-inline:clamp(20px,4vw,48px)}.kns-pt__intro{max-width:760px;margin-bottom:clamp(40px,6vw,72px)}.kns-pt__eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--pt-gold);margin-bottom:22px}.kns-pt__eyebrow:before{content:"";width:28px;height:1px;background:var(--pt-gold);opacity:.8}.kns-pt__intro h1{margin:0;font-family:var(--pt-serif);font-weight:400;font-size:clamp(34px,6vw,66px);line-height:1.04;letter-spacing:-.012em;color:var(--pt-text);text-wrap:balance}.kns-pt__accent{font-style:italic;color:var(--pt-gold);padding-right:.04em}.kns-pt__lede{margin:clamp(18px,2.4vw,26px) 0 0;max-width:56ch;font-size:clamp(15px,1.5vw,18px);line-height:1.62;color:var(--pt-sub)}.kns-pt__grid{display:grid;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(7,1fr) clamp(10px,1.6vw,20px) 1fr 1fr;gap:clamp(3px,.45vw,6px);width:100%;max-width:var(--pt-grid-w);margin:0 auto}.kns-pt__cell{grid-column:var(--x);grid-row:var(--y);aspect-ratio:1 / 1.08;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#ffffff04;border:1px solid var(--pt-border);border-radius:6px;font:inherit;color:#fff3;text-align:center;cursor:default;-webkit-user-select:none;user-select:none;overflow:hidden;transition:transform .18s var(--pt-ease),background .18s var(--pt-ease),color .18s,box-shadow .18s,border-color .18s}.kns-pt__cell[data-tier=signal]{color:var(--pt-gold);border-color:var(--pt-border-g);background:linear-gradient(155deg,#e0b70024,#e0b7000a 70%),var(--pt-bg-soft);cursor:pointer;box-shadow:inset 0 0 0 1px #e0b7000d}.kns-pt__cell[data-tier=trace]{color:#e0b700db;border-color:#e0b70024;background:#e0b70009;cursor:pointer}.kns-pt__cell[data-tier=inert]{color:#fff6;background:#ffffff05;border-color:#ffffff0d}.kns-pt__num{font-size:clamp(5px,.85vw,9px);font-weight:500;line-height:1;opacity:.5;letter-spacing:.02em}.kns-pt__sym{font-size:clamp(9px,1.5vw,17px);font-weight:700;line-height:1;letter-spacing:-.01em}.kns-pt__cell[data-tier=signal] .kns-pt__num{opacity:.72}.kns-pt__cell[data-tier=inert] .kns-pt__num{opacity:1}.kns-pt__cell[data-tier=inert] .kns-pt__sym{font-weight:600}.kns-pt__cell[data-tier=signal]:hover,.kns-pt__cell[data-tier=signal]:focus-visible{transform:translateY(-3px);background:linear-gradient(155deg,#e0b7004d,#e0b7001a 75%),var(--pt-bg-soft);border-color:#e0b70094;color:var(--pt-gold-2);box-shadow:0 10px 28px #0000008c,0 2px 10px #e0b7002e,inset 0 0 0 1px #e0b70033}.kns-pt__cell[data-tier=trace]:hover,.kns-pt__cell[data-tier=trace]:focus-visible{transform:translateY(-2px);background:#e0b7001a;border-color:#e0b70052;color:#e0b700eb;box-shadow:0 6px 18px #00000073}.kns-pt__cell[data-tier=signal]:active,.kns-pt__cell[data-tier=trace]:active{transform:translateY(0);transition-duration:.06s}.kns-pt__cell.is-selected{border-color:var(--pt-gold)!important;color:var(--pt-gold-2)!important;box-shadow:0 0 0 2px #e0b70066,0 10px 28px #0000008c!important;background:linear-gradient(155deg,#e0b70057,#e0b70024 75%),var(--pt-bg-soft)!important}.kns-pt__cell:focus-visible{outline:2px solid var(--pt-gold);outline-offset:2px}.kns-pt__cell:focus:not(:focus-visible){outline:none}.kns-pt__explain{position:fixed;z-index:300;width:360px;max-width:min(360px,calc(100vw - 32px));max-height:min(78vh,620px);overflow-y:auto;padding:26px 26px 24px;background:var(--pt-bg-lift);border:1px solid var(--pt-border-g);border-radius:14px;box-shadow:0 24px 60px #0009,0 6px 18px #00000073,inset 0 1px #ffffff0d;scrollbar-width:thin;scrollbar-color:rgba(224,183,0,.25) transparent}.kns-pt__explain[hidden]{display:none!important}.kns-pt__explain:not([hidden]){animation:kns-explain-in .22s var(--pt-ease) both}@keyframes kns-explain-in{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.kns-pt__explain-close{position:absolute;top:12px;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid var(--pt-border);border-radius:999px;color:var(--pt-sub);font-size:14px;font-family:inherit;line-height:1;cursor:pointer;padding:0;z-index:10;transition:background .14s,color .14s,border-color .14s}.kns-pt__explain-close:hover{background:#e0b70024;border-color:#e0b70066;color:var(--pt-gold)}.kns-pt__explain-close:focus-visible{outline:2px solid var(--pt-gold);outline-offset:2px}.kns-pt__explain .kns-el{padding:24px 22px 20px;margin:0;border:none;background:transparent;border-radius:0}.kns-pt__explain .kns-el:before{display:none}.kns-pt__explain .kns-el__head{padding-right:34px}.kns-pt__explain.is-docked{position:fixed;inset:auto 0 0 0;width:100%;max-width:100%;max-height:68vh;border-radius:16px 16px 0 0;border:none;border-top:1px solid var(--pt-border-g);z-index:500;animation:kns-dock-in .24s var(--pt-ease) both}@keyframes kns-dock-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.kns-el-list{padding-block:clamp(8px,1vw,16px) clamp(64px,9vw,120px);padding-inline:max(clamp(20px,4vw,48px),calc((100% - var(--pt-w)) / 2));display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(16px,1.6vw,26px);align-items:start}.kns-el-list:before{content:"";grid-column:1 / -1;height:1px;background:linear-gradient(90deg,var(--pt-border-g),transparent 60%);margin-bottom:clamp(28px,4vw,48px)}.kns-el{background:var(--pt-bg-soft);border:1px solid var(--pt-border);border-radius:16px;padding:clamp(26px,2.4vw,38px) clamp(24px,2.2vw,34px);position:relative;overflow:hidden;transition:border-color .18s,background .18s,transform .18s var(--pt-ease)}.kns-el:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--pt-border-g) 28%,var(--pt-border-g) 72%,transparent)}.kns-el[data-tier=signal]{background:linear-gradient(168deg,rgba(224,183,0,.05),var(--pt-bg-soft) 46%);border-color:#e0b70029}.kns-el[data-tier=signal]:before{background:linear-gradient(90deg,transparent,rgba(224,183,0,.6) 28%,rgba(224,183,0,.6) 72%,transparent)}.kns-el[data-tier=trace]:before{background:linear-gradient(90deg,transparent,rgba(224,183,0,.22) 28%,rgba(224,183,0,.22) 72%,transparent)}.kns-el__head{display:flex;align-items:center;gap:16px;margin:0 0 18px}.kns-el__head h3,.kns-el__head{font-family:var(--pt-serif)}.kns-el__head h3{margin:0;font-family:var(--pt-serif);font-size:clamp(20px,2.2vw,27px);font-weight:400;letter-spacing:-.01em;color:var(--pt-text);display:flex;align-items:center;gap:14px;flex-wrap:wrap;line-height:1.1}.kns-el__sym{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:46px;padding:0 11px;background:linear-gradient(145deg,#e0b70033,#e0b70012);border:1px solid rgba(224,183,0,.38);border-radius:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(15px,1.8vw,19px);font-weight:800;color:var(--pt-gold-2);letter-spacing:-.01em;line-height:1;flex-shrink:0}.kns-el__tldr{margin:0 0 14px;font-size:clamp(14px,1.4vw,16px);font-weight:500;line-height:1.6;color:var(--pt-text)}.kns-el__long{margin:0 0 22px;font-size:clamp(13px,1.3vw,14.5px);line-height:1.72;color:var(--pt-sub)}.kns-el__steels-wrap{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.kns-el__steels-label{display:block;width:100%;margin-bottom:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--pt-faint)}.kns-el__steels{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0;padding:0}.kns-el__steels li{margin:0}.kns-el__steels a{display:inline-flex;align-items:center;padding:5px 13px;border-radius:999px;background:var(--pt-gold-dim);border:1px solid rgba(224,183,0,.24);color:var(--pt-gold-2);font-size:12px;font-weight:600;text-decoration:none;letter-spacing:.01em;transition:background .14s,border-color .14s,color .14s,transform .14s var(--pt-ease)}.kns-el__steels a:hover{background:#e0b70033;border-color:#e0b70075;color:#fff;transform:translateY(-1px)}.kns-el__steels a:focus-visible{outline:2px solid var(--pt-gold);outline-offset:2px}.kns-el__gap{margin:0;font-size:12px;font-style:italic;line-height:1.5;color:var(--pt-sub)}.kns-el__sources{display:flex;flex-direction:column;gap:5px;list-style:none;margin:20px 0 0;padding:14px 0 0;border-top:1px solid var(--pt-border)}.kns-el__sources li{margin:0}.kns-el__sources a{display:inline-flex;align-items:baseline;gap:6px;font-size:11px;line-height:1.45;letter-spacing:.01em;color:var(--pt-sub);text-decoration:none;transition:color .12s}.kns-el__sources a:before{content:"\2197";font-size:9px;opacity:.6}.kns-el__sources a:hover{color:var(--pt-text)}.kns-el__sources a:focus-visible{outline:2px solid var(--pt-gold);outline-offset:2px;border-radius:2px}@media(max-width:900px){.kns-el-list{grid-template-columns:1fr}}@media(max-width:640px){.kns-pt__grid{gap:2px;max-width:100%}.kns-pt__num{display:none}.kns-el{border-radius:14px}.kns-pt__explain{position:fixed}}@media(max-width:380px){.kns-pt__inner{padding-inline:14px}.kns-pt__grid{gap:1.5px}.kns-pt__sym{font-size:clamp(7px,3vw,11px)}}@media(prefers-reduced-motion:reduce){.kns-pt__cell,.kns-el,.kns-el__steels a{transition:none}.kns-pt__explain:not([hidden]),.kns-pt__explain.is-docked{animation:none}@keyframes kns-explain-in{0%,to{opacity:1;transform:none}}@keyframes kns-dock-in{0%,to{opacity:1;transform:none}}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/kns-steel-periodic.css.map */