-
Notifications
You must be signed in to change notification settings - Fork 19
/
Copy pathglobal.css
9 lines (9 loc) · 36.6 KB
/
global.css
1
2
3
4
5
6
7
8
9
:root{--theme-color:253,58,74;--body-bg-color:rgb(235, 235, 235);--card-bg-color:rgb(245, 245, 245);--text-color:0,0,0;--alt-text-color:rgb(234, 234, 234);--form-bg-color:rgba(255, 255, 255, 0.9);--blockquote-color:103,106,109;--sidebar-color:215,215,215;--gray-color:172,172,172;--color1:253,58,74;--color2:245,128,37;--color3:255,167,0;--color4:123,113,81;--color5:91,170,9;--color6:26,152,90;--color7:59,168,221;--color8:0,120,215;--color9:139,102,204;--color10:228,27,144;--text-direction:ltr;--direction-rev:right;--fg-color:linear-gradient(
to right,
rgba(0, 0, 0, 0.75),
rgba(0, 0, 0, 0.75)
),linear-gradient(to right, rgb(var(--theme-color)), rgb(var(--theme-color)));--border-radius:0.25rem;--sign:1;--slider-right:unset;--slider-left:0.25rem;--dropdown-arrow:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23000000" fill="none" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath stroke="none" d="M0 0h24v24H0z" fill="none"/%3E%3Cpolyline points="6 9 12 15 18 9" /%3E%3C/svg%3E'),linear-gradient(to bottom, transparent 0%, transparent 100%);--circle:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em" transform="translate(0,7)" viewBox="0 0 24 31" stroke-width="2" stroke="rgba(103, 106, 109, 0.5)" fill="none" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="12" cy="12" r="9" /%3E%3C/svg%3E');--white-check:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em" transform="translate(0,7)" viewBox="0 0 24 31" stroke-width="2" stroke="rgb(234, 234, 234)" fill="none" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="12" cy="12" r="9" /%3E%3Cpath d="M9 12l2 2l4 -4" /%3E%3C/svg%3E')}[data-direction=rtl]{--text-direction:rtl;--direction-rev:left;--sign:-1;--slider-right:0.25rem;--slider-left:unset}[data-theme=dark]{--body-bg-color:rgb(24, 24, 30);--card-bg-color:rgb(42, 42, 48);--text-color:234,234,234;--alt-text-color:rgb(0, 0, 0);--form-bg-color:rgba(0, 0, 0, 0.9);--blockquote-color:148,146,143;--sidebar-color:40,40,40;--gray-color:72,72,72;--fg-color:linear-gradient(
to right,
rgba(255, 255, 255, 0.75),
rgba(255, 255, 255, 0.75)
),linear-gradient(to right, rgb(var(--theme-color)), rgb(var(--theme-color)));--dropdown-arrow:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath stroke="none" d="M0 0h24v24H0z" fill="none"/%3E%3Cpolyline points="6 9 12 15 18 9" /%3E%3C/svg%3E'),linear-gradient(to bottom, transparent 0%, transparent 100%);--circle:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em" transform="translate(0,7)" viewBox="0 0 24 31" stroke-width="2" stroke="rgba(148, 146, 143, 0.5)" fill="none" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="12" cy="12" r="9" /%3E%3C/svg%3E')}html{font-family:Regular,SpecialRegular,sans-serif}@font-face{font-family:Coffee;src:local("Coffee"),local("coffee"),url("https://giguom.com/pattern.monster/fonts/coffeefont.ttf");font-weight:400;font-display:swap}.grayText{color:rgb(var(--blockquote-color))}b,body,canvas,center,div,form,html,i,li,nav,span,table,tbody,td,tr,u,ul{margin:0;padding:0;border:0;font-size:100%}body{margin:0;font-size:14px;line-height:1.5;color:#333}h1,h2,h3,h4,h5,h6{line-height:1.2}h1{font-size:2em}nav>h1{font-size:.9em;font-weight:400}a{color:inherit}@media (min-width:400px){body{font-size:16px}}.text-right{text-align:var(--direction-rev)}#printableLink,#storeLink,#translateLink{display:block}@media (min-width:768px){#compareLink,#listLink,#printableLink,#storeLink,#translateLink{display:none}.listButtons{grid-template-columns:repeat(2,1fr);place-content:stretch}#coffeeIcon{display:none}}@media (min-width:1024px){#compareLink,#listLink{display:block}#printableLink,#storeLink,#translateLink{display:none}.listButtons{grid-template-columns:repeat(4,1fr)}}@media (min-width:1200px){#printableLink{display:block}#storeLink,#translateLink{display:none}}@media (min-width:1440px){#storeLink,#translateLink{display:block}}html{text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow:hidden;height:100%;scroll-behavior:smooth;direction:var(--text-direction)}body{line-height:1.75;text-rendering:optimizeLegibility;height:100%;overflow:auto;overflow-x:hidden;opacity:1;transition:.1s opacity;background-color:var(--body-bg-color);color:rgb(var(--text-color))}body.fade-out{opacity:0;transition:none}a{background:0 0;text-decoration:none}a:active,a:focus,a:hover{outline:0}a:focus,a:hover{color:rgb(var(--theme-color))}svg:not(:root){overflow:hidden}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button,input,select{width:100%;font:inherit;outline:0;line-height:normal}button{cursor:pointer;-webkit-appearance:button;padding:10px 12px;color:#fff;border:1px solid transparent}input,select{border:1px solid #777;padding:9px 12px;background-color:var(--form-bg-color);color:rgba(var(--text-color),.8)}select{font-size:14px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;border-radius:var(--border-radius)}button:hover{opacity:.8}select:focus{border-color:rgb(var(--theme-color));outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(var(--theme-color),.4)}.sort{font-size:.94em;border-radius:var(--border-radius);background-color:var(--darker-color-50)}.text-center{text-align:center}.container{padding:2rem 1rem 0;margin:0 auto}#compareTop{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.padding-bottom-25{padding-bottom:25px}#topRowCompare{position:fixed;top:48px;z-index:1;width:calc(100% - 17px);background-color:var(--body-bg-color);margin-right:-25px;margin-left:-25px;padding:1.5rem}[data-direction=rtl] #topRowCompare{margin-left:-25px}@media (min-width:768px){#topRowCompare,.container{width:750px}}@media (min-width:992px){#topRowCompare,.container{width:970px}}@media (min-width:1200px){#topRowCompare,.container{width:1170px}}@media (min-width:1724px){#topRowCompare,.container{width:1688px}}.row{margin-right:-1rem;margin-left:-1rem}.table,table{border-spacing:0;display:table}.sticky{position:sticky;top:0}.flex{display:flex;flex-direction:row}.flex-auto{flex:1 1 auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.grid-print{display:grid;grid-template-columns:1fr;gap:4em}@media (min-width:992px){.grid-print{grid-template-columns:1fr 1fr}}@media (min-width:1724px){.grid-print{grid-template-columns:1fr 1fr 1fr}}.flex-item{flex-grow:1;justify-content:center;align-items:center}.elementSqr{display:grid;grid-template-columns:repeat(auto-fit,minmax(10px,1fr));gap:2rem}.elementSqr>div:before{content:"";display:block;height:0;width:0;padding-bottom:100%}#elementName{margin:0;margin-bottom:30px;text-transform:uppercase}#elementName h1{font-size:1.2em;letter-spacing:2px}#firstSquare,#secondSquare{margin:0}#secondSquare{padding:25px}#zhTrans{margin-top:0}.m-1{margin:.25rem}.p-2{padding:.5rem}.px-4{padding-right:1rem;padding-left:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:3rem}.pt-16{padding-top:4rem}.pb-8{padding-bottom:2rem}.gap-8{gap:2rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.w-full{width:100%}.mx-auto{margin:0 auto}.mx-2{margin-right:.5rem;margin-left:.5rem}.justify-center{justify-content:center}.justify-start{justify-self:start}.items-center{align-items:center}.place-content-center{place-content:center}.self-start{align-self:flex-start}.self-center{align-self:center}.elements{display:block}.list>div{min-width:300px}@media (min-width:768px){.flex-wrap{flex-wrap:nowrap}}.grid{display:grid;grid-template-columns:auto auto;column-gap:2rem;row-gap:1.5rem;padding:1rem 0}.grid-3{display:grid;grid-template-columns:auto auto auto;margin:0 -1rem}.settingsGrid{display:grid;grid-template-columns:auto auto;gap:2.5rem;padding:5rem 2rem 2rem}#settingPeriodicTable{grid-column:1/span 2;border-bottom:2px solid rgba(var(--theme-color));margin:1rem 0;padding:0}.span-3{grid-column:1/4}.margin-bottom-20{margin-bottom:20px}.table>tbody>tr>td{line-height:1.42857143;border:0;padding:.2%;vertical-align:middle}.fade{opacity:0;transition:opacity .15s linear}.fade.in{opacity:1}.periodic-table-logo{width:2.25rem;height:2.25rem}.no-overflow{position:absolute;right:75px;left:75px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#resultNumber{font-size:1.4em;width:100%;padding:.5em .75em 0}#resultSymbol{font-size:3.7em;height:70%;width:100%}.font-size-1-5{font-size:1.5em;padding-top:1rem}#features{padding:1.5rem 1rem;display:grid;grid-template-columns:auto 1fr;gap:1em;line-height:1.5}.icon{stroke-width:2.5;height:1em;width:1em;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}#logs{padding:0 1rem;display:grid;grid-template-columns:auto 1fr;gap:1em;line-height:1.5}.versionHeader{margin-left:-1rem;margin-right:-1rem;margin-top:2rem;list-style-type:none;color:rgba(var(--text-color),.7);grid-column:1/span 2}button{background-color:rgb(var(--theme-color))}.bottom-rounded{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.container:after,.container:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.row:after,.row:before{display:table;content:" "}.container:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.row:after{clear:both}@-ms-viewport{width:device-width}*,a{margin:0;padding:0}a{color:var(--fg-color)}sub,sup{font-size:75%;vertical-align:baseline;position:relative}sup{top:-.5em}sub{bottom:-.25em}img{-ms-interpolation-mode:bicubic;height:auto;width:100%;max-width:100%}img,nav{display:block}canvas{display:inline-block}*,:after,:before{box-sizing:border-box}#headerwrap,.content-wrapper{padding-bottom:2rem;background-color:var(--body-bg-color)}.box-content{padding:1.5rem;overflow:hidden}.masonry{columns:4 300px;column-gap:30px}.masonry-col{margin-top:30px;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;border-top:2px solid rgb(var(--theme-color));border-radius:var(--border-radius)}#elementPic{border-radius:.125rem}.list-content,.masonry-col{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.blog-thumb{position:relative;overflow:hidden}#imgDesc{padding-top:1rem}.block{display:block}.webLink{padding:.5rem 0;display:block}.linkText{padding-left:5px;padding-right:5px}.underlineLink{padding-bottom:.125rem;border-bottom:2px solid rgb(var(--theme-color))}#headerwrap{padding-top:10px;overflow-x:auto}.text-upper{text-transform:uppercase}.headerOutline{display:inline-block;text-transform:uppercase;padding:.25rem 1.5rem .25rem 1.5rem;border-radius:1rem;margin:0 -2.25rem 1.5rem;color:var(--alt-text-color);background-image:var(--fg-color);letter-spacing:.5px}#elementDiagram{padding:43px 0 1rem}.list-content{overflow:hidden}.line-height-normal{line-height:normal}.line-height-2{line-height:2}.listGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.listNum,.listSym{width:60px}.listName,.listNum,.listSym{height:60px;line-height:60px}.listName{width:calc(100% - 120px)}.listSym{background-color:rgba(var(--theme-color),.3)}.listNum{background-image:linear-gradient(calc(var(--sign) * 45deg),transparent 0,transparent 50%,rgba(var(--theme-color),.3) 50%,rgba(var(--theme-color),.3) 100%);position:relative;font-size:.85em}.listNum>span{position:absolute;top:-13px;left:unset;right:10px}[data-direction=rtl] .listNum>*{left:10px;right:unset}#pageHeader{color:#eee;line-height:50px;font-size:1rem}.top-container{margin:0 auto}#mainList{margin:0 1.5em}.listButtons{display:grid;place-content:stretch;gap:2em;padding-bottom:2em}#mainCompare{padding-top:28px;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr 1fr}#ptable{table-layout:fixed;font-size:1.5em}.gap{height:1.5em}#groupPeriod,.groups,.periods{font-size:.742em}.eleNum{padding:0 6%;height:22%;font-size:.78em}.eleSym{height:33%;text-align:center;font-size:1.14em}.eleNm,.eleWt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6%;font-size:.56em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#details{font-size:.82em;display:grid;grid-template-columns:auto 1fr;grid-column-gap:2em;grid-template-rows:repeat(6,1fr);padding:.25em 1em}.innerSnippet{display:grid;grid-template-columns:10.5em 1fr;grid-column-gap:1em;padding:1em}.snippetGap{width:3.5%}.width-100{width:100%}.square33{height:33%;width:100%}.square{height:100%;width:100%}#darkTeeHeader,#lightTeeHeader,#snippet{font-size:1.2em}#snippetNum{padding:4% 6%;height:25%}#snippetSym{font-size:2.8em}#snippetWt{padding:6% 6% 0}#detailRow1{font-size:1.231em;grid-column:1/3}.category{font-size:.88em;padding:3px 0 2px}.unselectable{cursor:default}.disable-select{user-select:none}#actinides,#lanthanides{font-size:.9em}#actinidesMain,#lanthanidesMain{font-size:.8em}#compareBg{background-color:transparent}#elementNav{display:grid;grid-auto-flow:column;place-content:center;align-items:center;gap:.5em}#elementNav>span{padding-bottom:.125rem}::-webkit-input-placeholder{color:#a9a9a9}::-moz-placeholder{color:#a9a9a9}:-ms-input-placeholder{color:#a9a9a9}:-moz-placeholder{color:#a9a9a9}.switch{position:relative;display:inline-block;width:50px;height:1.5rem}.switch input{opacity:0}.slider,.slider:before{position:absolute;transition:.4s}.slider{cursor:pointer;top:0;right:0;left:0;bottom:0;background-color:rgba(var(--blockquote-color),.3)}.slider:before{content:"";height:1rem;width:1rem;left:var(--slider-left);right:var(--slider-right);bottom:.25rem;background-color:#fff}input:checked+.slider:before{transform:translateX(calc(var(--sign) * 26px))}input:checked+.slider{background-color:var(--darker-color-50)}input:focus+.slider{box-shadow:0 0 1px rgb(var(--theme-color))}.slider.round{border-radius:1.5rem}.slider.round:before{border-radius:50%}.aboutHeader{font-size:1.5em;color:var(--fg-color)}.ltrText{direction:ltr}.footer{background-color:var(--body-bg-color)}#colorTable{table-layout:fixed;width:100%;border-collapse:collapse;margin-top:5px}#colorTable>tbody>tr>td{width:15%;margin:0 1.8% 1.8%;padding-bottom:15%;display:inline-block}.hyphen{hyphens:auto}.box-content,.flex-item,.list-content{background-color:var(--card-bg-color)}.elements:focus,.elements:hover{color:currentColor}[data-style="2"] .actinides,[data-style="2"] .alkaliMetals,[data-style="2"] .alkalineEarthMetals,[data-style="2"] .halogens,[data-style="2"] .lanthanides,[data-style="2"] .metalloids,[data-style="2"] .nobleGases,[data-style="2"] .otherNonmetals,[data-style="2"] .postTransitionMetals,[data-style="2"] .transitionMetals{background-color:transparent;border-bottom:.125em solid}[data-style="3"] .actinides,[data-style="3"] .alkaliMetals,[data-style="3"] .alkalineEarthMetals,[data-style="3"] .halogens,[data-style="3"] .lanthanides,[data-style="3"] .metalloids,[data-style="3"] .nobleGases,[data-style="3"] .otherNonmetals,[data-style="3"] .postTransitionMetals,[data-style="3"] .transitionMetals{background-color:transparent;border:.125em solid}.alkaliMetals{background-color:rgba(var(--color10),.5)}[data-style="2"] .alkaliMetals,[data-style="3"] .alkaliMetals{border-color:rgba(var(--color10),.5)}[data-style="2"] .alkaliMetals:hover,[data-style="3"] .alkaliMetals:hover{color:rgb(var(--color10))}.alkalineEarthMetals{background-color:rgba(var(--color8),.5)}[data-style="2"] .alkalineEarthMetals,[data-style="3"] .alkalineEarthMetals{border-color:rgba(var(--color8),.5)}[data-style="2"] .alkalineEarthMetals:hover,[data-style="3"] .alkalineEarthMetals:hover{color:rgb(var(--color8))}.transitionMetals{background-color:rgba(var(--color1),.5)}[data-style="2"] .transitionMetals,[data-style="3"] .transitionMetals{border-color:rgba(var(--color1),.5)}[data-style="2"] .transitionMetals:hover,[data-style="3"] .transitionMetals:hover{color:rgb(var(--color1))}.postTransitionMetals{background-color:rgba(var(--color9),.5)}[data-style="2"] .postTransitionMetals,[data-style="3"] .postTransitionMetals{border-color:rgba(var(--color9),.5)}[data-style="2"] .postTransitionMetals:hover,[data-style="3"] .postTransitionMetals:hover{color:rgb(var(--color9))}.otherNonmetals{background-color:rgba(var(--color6),.5)}[data-style="2"] .otherNonmetals,[data-style="3"] .otherNonmetals{border-color:rgba(var(--color6),.5)}[data-style="2"] .otherNonmetals:hover,[data-style="3"] .otherNonmetals:hover{color:rgb(var(--color6))}.metalloids{background-color:rgba(var(--color2),.5)}[data-style="2"] .metalloids,[data-style="3"] .metalloids{border-color:rgba(var(--color2),.5)}[data-style="2"] .metalloids:hover,[data-style="3"] .metalloids:hover{color:rgb(var(--color2))}.halogens{background-color:rgba(var(--color7),.5)}[data-style="2"] .halogens,[data-style="3"] .halogens{border-color:rgba(var(--color7),.5)}[data-style="2"] .halogens:hover,[data-style="3"] .halogens:hover{color:rgb(var(--color7))}.nobleGases{background-color:rgba(var(--color5),.5)}[data-style="2"] .nobleGases,[data-style="3"] .nobleGases{border-color:rgba(var(--color5),.5)}[data-style="2"] .nobleGases:hover,[data-style="3"] .nobleGases:hover{color:rgb(var(--color5))}.lanthanides{background-color:rgba(var(--color3),.5)}[data-style="2"] .lanthanides,[data-style="3"] .lanthanides{border-color:rgba(var(--color3),.5)}[data-style="2"] .lanthanides:hover,[data-style="3"] .lanthanides:hover{color:rgb(var(--color3))}.actinides{background-color:rgba(var(--color4),.5)}[data-style="2"] .actinides,[data-style="3"] .actinides{border-color:rgba(var(--color4),.5)}[data-style="2"] .actinides:hover,[data-style="3"] .actinides:hover{color:rgb(var(--color4))}#color1,#color1Label{background-color:rgb(var(--color1))}#color2,#color2Label{background-color:rgb(var(--color2))}#color3,#color3Label{background-color:rgb(var(--color3))}#color4,#color4Label{background-color:rgb(var(--color4))}#color5,#color5Label{background-color:rgb(var(--color5))}#color6,#color6Label{background-color:rgb(var(--color6))}#color7,#color7Label{background-color:rgb(var(--color7))}#color8,#color8Label{background-color:rgb(var(--color8))}#color9,#color9Label{background-color:rgb(var(--color9))}#color10,#color10Label{background-color:rgb(var(--color10))}.teeImage{width:auto;display:block;margin:0 auto}.teeLink{padding:10px 0}blockquote{color:rgb(var(--blockquote-color));padding-left:1.5em;padding-right:1.5em;border-left:5px solid rgba(var(--blockquote-color),.3)}#translationContent img{height:1.5rem;width:auto;display:inline-block;margin-right:.5rem}#translationContent h1,#translationContent h2,#translationContent h4,#translationContent p,blockquote{margin-bottom:1rem}#translationContent h1,#translationContent h2{padding-bottom:.3em;border-bottom:1px solid rgba(var(--blockquote-color),.5)}.radio-toolbar{display:grid;gap:.5em;grid-template-columns:repeat(3,auto)}.radio-toolbar input[type=radio]{opacity:0;position:fixed;width:0}.radio-toolbar label{display:inline-grid;gap:.5em;grid-auto-flow:column;padding:.5rem .75rem;place-items:center;font-size:1rem;background-color:rgba(var(--blockquote-color),.3);color:rgba(var(--blockquote-color),.5);border-radius:var(--border-radius);cursor:pointer}.radio-temp label{justify-self:start}.radio-toolbar label::before{content:var(--circle);color:currentColor}.radio-toolbar label:hover{border-color:rgba(var(--blockquote-color),.7);color:rgba(var(--blockquote-color),.7)}.radio-toolbar input[type=radio]:focus+label{border-color:#d8d8d8}.radio-toolbar input[type=radio]:checked+label{color:#fff;background-color:var(--darker-color-50)}.radio-toolbar input[type=radio]:checked+label::before{content:var(--white-check);color:var(--fg-color)}.radio-style label{opacity:.3}.radio-style label:hover{opacity:.7}.radio-style label::before{font-size:30px;margin-top:-50%;align-self:center;color:rgb(var(--text-color))}.radio-style input[type=radio]:checked+label::before{color:rgb(var(--text-color))}.radio-style input[type=radio]:checked+label{opacity:1}#style1Label,#style2Label,#style3Label{background-size:contain;padding-top:50%;padding-bottom:25%;background-repeat:no-repeat}#style1Label{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4.5em' height='4.5em' viewBox='0 0 34.92 34.93'%3E%3Cpath d='M0 0h34.92v34.92H0z' fill='%23000'/%3E%3Cpath d='M18 18h15.87v15.87H17.99z' fill='rgba(0,120,215,0.5)' /%3E%3Cpath d='M1.06 18h15.87v15.87H1.06z' fill='rgba(228,27,144,0.5)' /%3E%3Cpath d='M1.06 1.06h15.87v15.87H1.06z' fill='rgba(26,152,90,0.5)' /%3E%3Cg fill='%23fff'%3E%3Cpath d='M20.78 21.43h-.32v.5h-.27v-.5h-1.03v-.24l1.01-1.5h.29v1.49h.32zm-.59-.25v-.54-.18-.19l.01-.16.01-.13h-.01l-.03.07-.04.07-.03.07-.04.06-.63.93z'/%3E%3Cpath d='M22.6 24.86h1.3q.9 0 1.3.25.41.25.41.81 0 .38-.18.62-.17.24-.46.29v.03q.4.09.57.33.18.25.18.65 0 .58-.42.9-.41.32-1.13.32H22.6zm.9 1.66H24q.36 0 .52-.11.17-.11.17-.37 0-.24-.18-.35-.18-.1-.56-.1h-.47zm0 .7v1.1h.57q.37 0 .55-.14.17-.14.17-.43 0-.52-.75-.52z'/%3E%3Cpath d='M27.82 26.4q-.28 0-.43.19-.16.17-.19.5h1.24q-.01-.33-.17-.5-.17-.18-.45-.18zm.13 2.72q-.78 0-1.22-.43-.44-.43-.44-1.21 0-.81.4-1.25.41-.45 1.13-.45.68 0 1.06.4.38.38.38 1.07v.42h-2.08q.02.38.23.59.2.2.58.2.29 0 .55-.05.26-.06.54-.2v.68q-.23.12-.5.17-.26.06-.63.06z'/%3E%3Cpath d='M3.66 20.22q0 .12-.04.2-.03.1-.1.17-.06.06-.15.1-.09.05-.2.07.28.04.42.18.14.14.14.36 0 .14-.05.27-.05.12-.15.2-.1.1-.26.14-.15.05-.36.05-.17 0-.32-.02-.14-.03-.27-.1v-.26q.13.07.28.11.16.04.3.04.14 0 .24-.03.1-.03.17-.09t.1-.14q.03-.08.03-.18 0-.1-.04-.18-.04-.07-.11-.12-.08-.05-.19-.07-.1-.03-.24-.03h-.2v-.23h.2q.12 0 .22-.03t.16-.08q.07-.06.1-.14.03-.07.03-.17 0-.08-.02-.14-.03-.06-.08-.1-.05-.05-.12-.07-.07-.02-.16-.02-.16 0-.29.05-.12.05-.23.13l-.14-.2.13-.08.15-.07.18-.05.2-.02q.17 0 .29.04.12.04.2.12.1.07.14.17.04.1.04.22z'/%3E%3Cpath d='M6.9 29.06v-4.2h.9v3.47h1.7v.73z'/%3E%3Cpath d='M10.13 25.01q0-.43.48-.43.47 0 .47.43 0 .2-.12.32-.11.12-.35.12-.48 0-.48-.44zm.91 4.05h-.87v-3.21h.87z'/%3E%3Cpath d='M3.28 5H3V3.6v-.13-.15-.14l.01-.12-.05.04-.04.04-.04.04-.05.05-.23.18-.15-.18.59-.46h.23z'/%3E%3Cpath d='M10.72 12.13h-.89V10.3H8.16v1.82h-.89v-4.2h.9v1.64h1.66V7.92h.89z'/%3E%3C/g%3E%3C/svg%3E")}#style2Label{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4.5em' height='4.5em' viewBox='0 0 34.92 34.93'%3E%3Cpath d='M0 0h34.92v34.92H0z' fill='%23000'/%3E%3Cpath d='M18 18h15.87v15.87H17.99z' fill='rgba(0,120,215,0.5)' /%3E%3Cpath d='M1.06 18h15.87v15.87H1.06z' fill='rgba(228,27,144,0.5)' /%3E%3Cpath d='M1.06 1.06h15.87v15.87H1.06z' fill='rgba(26,152,90,0.5)' /%3E%3Cpath d='M18 18h15.87v15.07H17.99z' fill='%23000'/%3E%3Cpath d='M1.06 18h15.87v15.07H1.06z' fill='%23000'/%3E%3Cpath d='M1.06 1.06h15.87v15.08H1.06z' fill='%23000'/%3E%3Cg fill='%23fff'%3E%3Cpath d='M20.78 21.43h-.32v.5h-.27v-.5h-1.03v-.24l1.01-1.5h.29v1.49h.32zm-.59-.25v-.54-.18-.19l.01-.16.01-.13h-.01l-.03.07-.04.07-.03.07-.04.06-.63.93z'/%3E%3Cpath d='M22.6 24.86h1.3q.9 0 1.3.25.41.25.41.81 0 .38-.18.62-.17.24-.46.29v.03q.4.09.57.33.18.25.18.65 0 .58-.42.9-.41.32-1.13.32H22.6zm.9 1.66H24q.36 0 .52-.11.17-.11.17-.37 0-.24-.18-.35-.18-.1-.56-.1h-.47zm0 .7v1.1h.57q.37 0 .55-.14.17-.14.17-.43 0-.52-.75-.52z'/%3E%3Cpath d='M27.82 26.4q-.28 0-.43.19-.16.17-.19.5h1.24q-.01-.33-.17-.5-.17-.18-.45-.18zm.13 2.72q-.78 0-1.22-.43-.44-.43-.44-1.21 0-.81.4-1.25.41-.45 1.13-.45.68 0 1.06.4.38.38.38 1.07v.42h-2.08q.02.38.23.59.2.2.58.2.29 0 .55-.05.26-.06.54-.2v.68q-.23.12-.5.17-.26.06-.63.06z'/%3E%3Cpath d='M3.66 20.22q0 .12-.04.2-.03.1-.1.17-.06.06-.15.1-.09.05-.2.07.28.04.42.18.14.14.14.36 0 .14-.05.27-.05.12-.15.2-.1.1-.26.14-.15.05-.36.05-.17 0-.32-.02-.14-.03-.27-.1v-.26q.13.07.28.11.16.04.3.04.14 0 .24-.03.1-.03.17-.09t.1-.14q.03-.08.03-.18 0-.1-.04-.18-.04-.07-.11-.12-.08-.05-.19-.07-.1-.03-.24-.03h-.2v-.23h.2q.12 0 .22-.03t.16-.08q.07-.06.1-.14.03-.07.03-.17 0-.08-.02-.14-.03-.06-.08-.1-.05-.05-.12-.07-.07-.02-.16-.02-.16 0-.29.05-.12.05-.23.13l-.14-.2.13-.08.15-.07.18-.05.2-.02q.17 0 .29.04.12.04.2.12.1.07.14.17.04.1.04.22z'/%3E%3Cpath d='M6.9 29.06v-4.2h.9v3.47h1.7v.73z'/%3E%3Cpath d='M10.13 25.01q0-.43.48-.43.47 0 .47.43 0 .2-.12.32-.11.12-.35.12-.48 0-.48-.44zm.91 4.05h-.87v-3.21h.87z'/%3E%3Cpath d='M3.28 5H3V3.6v-.13-.15-.14l.01-.12-.05.04-.04.04-.04.04-.05.05-.23.18-.15-.18.59-.46h.23z'/%3E%3Cpath d='M10.72 12.13h-.89V10.3H8.16v1.82h-.89v-4.2h.9v1.64h1.66V7.92h.89z'/%3E%3C/g%3E%3C/svg%3E")}#style3Label{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4.5em' height='4.5em' viewBox='0 0 34.92 34.93'%3E%3Cpath d='M0 0h34.92v34.92H0z' fill='%23000'/%3E%3Cpath d='M18 18h15.87v15.87H17.99z' fill='rgba(0,120,215,0.5)' /%3E%3Cpath d='M1.06 18h15.87v15.87H1.06z' fill='rgba(228,27,144,0.5)' /%3E%3Cpath d='M1.06 1.06h15.87v15.87H1.06z' fill='rgba(26,152,90,0.5)' /%3E%3Cpath d='M18.57 18.64h14.72v14.72H18.57z' fill='%23000'/%3E%3Cpath d='M1.63 18.64h14.73v14.72H1.63z' fill='%23000'/%3E%3Cpath d='M1.63 1.63h14.73v14.73H1.63z' fill='%23000'/%3E%3Cg fill='%23fff'%3E%3Cpath d='M20.78 21.43h-.32v.5h-.27v-.5h-1.03v-.24l1.01-1.5h.29v1.49h.32zm-.59-.25v-.54-.18-.19l.01-.16.01-.13h-.01l-.03.07-.04.07-.03.07-.04.06-.63.93z'/%3E%3Cpath d='M22.6 24.86h1.3q.9 0 1.3.25.41.25.41.81 0 .38-.18.62-.17.24-.46.29v.03q.4.09.57.33.18.25.18.65 0 .58-.42.9-.41.32-1.13.32H22.6zm.9 1.66H24q.36 0 .52-.11.17-.11.17-.37 0-.24-.18-.35-.18-.1-.56-.1h-.47zm0 .7v1.1h.57q.37 0 .55-.14.17-.14.17-.43 0-.52-.75-.52z'/%3E%3Cpath d='M27.82 26.4q-.28 0-.43.19-.16.17-.19.5h1.24q-.01-.33-.17-.5-.17-.18-.45-.18zm.13 2.72q-.78 0-1.22-.43-.44-.43-.44-1.21 0-.81.4-1.25.41-.45 1.13-.45.68 0 1.06.4.38.38.38 1.07v.42h-2.08q.02.38.23.59.2.2.58.2.29 0 .55-.05.26-.06.54-.2v.68q-.23.12-.5.17-.26.06-.63.06z'/%3E%3Cpath d='M3.66 20.22q0 .12-.04.2-.03.1-.1.17-.06.06-.15.1-.09.05-.2.07.28.04.42.18.14.14.14.36 0 .14-.05.27-.05.12-.15.2-.1.1-.26.14-.15.05-.36.05-.17 0-.32-.02-.14-.03-.27-.1v-.26q.13.07.28.11.16.04.3.04.14 0 .24-.03.1-.03.17-.09t.1-.14q.03-.08.03-.18 0-.1-.04-.18-.04-.07-.11-.12-.08-.05-.19-.07-.1-.03-.24-.03h-.2v-.23h.2q.12 0 .22-.03t.16-.08q.07-.06.1-.14.03-.07.03-.17 0-.08-.02-.14-.03-.06-.08-.1-.05-.05-.12-.07-.07-.02-.16-.02-.16 0-.29.05-.12.05-.23.13l-.14-.2.13-.08.15-.07.18-.05.2-.02q.17 0 .29.04.12.04.2.12.1.07.14.17.04.1.04.22z'/%3E%3Cpath d='M6.9 29.06v-4.2h.9v3.47h1.7v.73z'/%3E%3Cpath d='M10.13 25.01q0-.43.48-.43.47 0 .47.43 0 .2-.12.32-.11.12-.35.12-.48 0-.48-.44zm.91 4.05h-.87v-3.21h.87z'/%3E%3Cpath d='M3.28 5H3V3.6v-.13-.15-.14l.01-.12-.05.04-.04.04-.04.04-.05.05-.23.18-.15-.18.59-.46h.23z'/%3E%3Cpath d='M10.72 12.13h-.89V10.3H8.16v1.82h-.89v-4.2h.9v1.64h1.66V7.92h.89z'/%3E%3C/g%3E%3C/svg%3E")}.radio-color{grid-template-columns:repeat(5,1fr)}.radio-temp{grid-template-columns:auto}.twitter-share-button{height:48px;padding:10px;background-color:#0f5b94;color:#fff;margin:0 auto}.twitter-share-button:hover{background-color:rgba(15,91,148,.9);color:#fff}.nucleus{fill:rgb(var(--text-color));stroke:rgb(var(--text-color))}.font-fam{font-size:5em;fill:var(--alt-text-color)}.one{animation:rotate 10s infinite linear}.two{animation:rotate 12s infinite linear}.three{animation:rotate 14.4s infinite linear}.four{animation:rotate 17.28s infinite linear}.five{animation:rotate 20.74s infinite linear}.six{animation:rotate 24.88s infinite linear}.seven{animation:rotate 29.86s infinite linear}.electron{transition:all .1s ease-in-out}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.crystalDiagram{margin:1.5rem 4rem 0;stroke-width:.4;stroke-linecap:round;stroke-linejoin:round}@media (min-width:1200px){.crystalDiagram{margin:2rem 4rem 0}}.strokeVisible{stroke:rgb(var(--text-color));fill:none}.fillVisible{stroke:rgb(var(--text-color));fill:rgb(var(--text-color));stroke-width:.75}.strokeHidden{stroke:rgb(var(--gray-color));fill:none}.fillHidden{stroke:rgb(var(--gray-color));fill:rgb(var(--gray-color));stroke-width:.75}.fillInter{stroke:rgb(var(--blockquote-color));fill:rgb(var(--blockquote-color));stroke-width:.75}@media (pointer:fine){*{scrollbar-width:auto;scrollbar-color:rgba(var(--blockquote-color),0.5) rgba(var(--blockquote-color),0.2)}::-webkit-scrollbar{height:14px;width:14px}::-webkit-scrollbar-track{background-color:rgba(var(--blockquote-color),.2)}::-webkit-scrollbar-thumb{background-color:rgba(var(--blockquote-color),.5)}}.dropdownLink,.dropdownLink ul li{color:#fff;display:block;position:relative;transition-duration:.5s}.dropdownLink:focus-within,.dropdownLink:hover{cursor:pointer}.dropdownLink:focus-within a{outline:0}.dropdownLink ul{list-style:none;margin:0;padding:.5em 0;visibility:hidden;opacity:0;background-color:var(--darker-color-50);width:100%;min-width:12rem;position:absolute;transition:all .5s ease;left:0;display:none}.dropdownLink ul:focus,.dropdownLink ul:hover,.dropdownLink:focus-within>ul,.dropdownLink:hover>ul{visibility:visible;opacity:1;display:block}.dropdownLink ul li{clear:both;width:100%;padding:.5em 1em}.grid-container{display:grid;overflow:auto;max-height:60vh}.reactivity-grid,.solubility-grid{display:grid}.solubility-grid{grid-template-columns:repeat(15,minmax(100px,auto))}.reactivity-grid{grid-template-columns:repeat(4,minmax(150px,auto))}.grid-col{text-align:center;display:grid}.grid-col--fixed-left{position:sticky;left:0;z-index:1;background-color:var(--card-bg-color)}.grid-item{height:70px;min-width:80px;padding:1em 1.5em;place-items:center;display:grid}.grid-item:nth-child(2n+3){background-color:rgba(var(--blockquote-color),.1)}.reactivity-grid .grid-col .grid-item{height:90px}.grid-item--header{position:sticky;background-color:var(--card-bg-color);top:0}#gridTopLeft{z-index:5}.moderateReaction,.slightlySol{color:rgb(var(--color3))}.soluble,.verySlowReaction{color:rgb(var(--color6))}.insoluble,.violentReaction{color:rgb(var(--color1))}.unavailable{color:rgb(var(--color9))}.reactsWater{color:rgb(var(--color8))}.strongReaction{color:rgb(var(--color2))}.slowReaction{color:rgb(var(--color5))}.noReaction{color:rgb(var(--color7))}.nonMetal{color:rgb(var(--color4))}.insolubleName,.slightlySolName,.solName,.solubleName,.unavailableName{display:none}.keyGrid{display:grid;grid-template-columns:auto auto;justify-content:start;gap:1em 2em}@media (min-width:1440px){.solubility-grid{grid-template-columns:repeat(15,minmax(150px,auto))}.reactivity-grid{grid-template-columns:repeat(4,minmax(150px,auto))}.insolubleName,.slightlySolName,.solName,.solubleName,.unavailableName{display:block}.solShort{display:none}.grid-item{height:90px;min-width:100px}.reactivity-grid .grid-col .grid-item{height:75px}.keyGrid{display:none}}.downloadButton{display:inline-grid;gap:1em;border-radius:var(--border-radius);padding:.5em 1em;background-color:var(--darker-color-50);color:#fff;grid-auto-flow:column}.downloadButton:hover{opacity:.8;color:inherit}@media print{.navbar{display:none}#headerwrap{padding-top:0}}.toggle,[id^=drop]{display:none}nav{margin:0;padding:0;position:sticky;top:0;text-transform:uppercase;z-index:3;display:grid;grid-template-columns:auto 1fr auto auto auto auto;letter-spacing:.5px;align-items:center;color:#fff;backdrop-filter:blur(6px);background-color:rgba(var(--darker-color-rgb),.85)}#logo{display:inline-grid}nav ul{float:right;padding:0;margin:0;list-style:none;position:relative;display:grid;grid-auto-flow:column;gap:.25em}nav ul li{margin:0;display:inline-block}nav a{display:block;padding:.5em 1em;text-decoration:none}nav div button,nav ul li a{display:grid;grid-auto-flow:column;padding:12px 15px;gap:.75em;cursor:pointer;place-content:start;align-items:center}#tablesLink span,.tablesList,nav ul li a span{font-size:.9em}#tablesLink{grid-template-columns:auto 1fr auto}nav a:hover{background-color:rgb(255,255,255,.05);color:rgb(255,255,255,.75)}nav ul ul{display:none;position:absolute;backdrop-filter:blur(6px);background-color:rgba(var(--darker-color-rgb),.85)}nav ul li:hover>ul{display:inherit}nav ul ul li{min-width:170px;float:none;display:list-item;position:relative}nav ul ul ul li{position:relative;top:-60px;left:170px}nav ul ul ul a,nav>button,nav>div>button,nav>ul>li>button{background-color:transparent}.toggle:hover,nav ul li a:hover,nav ul li ul li a:hover,nav>button:hover,nav>ul>li>button:hover{background-color:rgba(255,255,255,.1)}nav>button{padding-top:10px;padding-bottom:8px}@media all and (max-width:768px){nav{display:grid;grid-template-columns:auto 1fr auto auto auto auto auto;z-index:3}nav ul{display:none;grid-row-start:2}.menu,.toggle+a{display:none}.menu{grid-column:1/span 2}.toggle{display:grid;grid-template-columns:auto auto 1fr;padding:13px 15px;gap:.75em;color:#fff;margin-left:auto;align-items:center}.toggle span{font-size:.9em}.burger{gap:0}[id^=drop]:checked+ul{display:block;grid-column:1/6}nav ul li{display:block;width:100%}nav div button,nav ul li a{margin:0}nav ul ul .toggle,nav ul ul a{padding:0 40px}nav ul ul ul a{padding:0 80px}nav ul li ul li .toggle,nav ul ul a,nav ul ul ul a{padding:14px 70px}nav ul ul{float:none;position:static;color:#fff}nav ul li:hover>ul,nav ul ul li:hover>ul{display:none}nav ul ul li{display:block;width:100%}nav ul ul ul li{position:static}}@media all and (max-width:640px){#sidebar{min-width:320px}#overlap.collapsed,#sidebar.collapsed{min-width:0}#style1Label,#style2Label,#style3Label{padding-top:51%}.settingsGrid{grid-template-columns:auto;padding:5rem 1rem 1rem;gap:1.5rem}#settingPeriodicTable{grid-column:1}}@media all and (max-width:320px){nav ul li{display:block;width:94%}}#sidebar{height:100%;overflow:auto;position:absolute;right:0;top:0;z-index:2;max-width:520px;box-shadow:2px 0 4px rgba(0,0,0,.5);transition:width .35s;backdrop-filter:blur(6px);background-color:rgba(var(--sidebar-color),.7);border:1px solid rgba(255,255,255,.125)}#overlap.collapsed,#sidebar.collapsed{width:0}#overlap{width:100%;height:100%;position:absolute;background-color:rgba(0,0,0,.3);z-index:2}#content{background-color:gray;width:100%}.select-css{display:block;font-size:1em;font-family:inherit;line-height:normal;padding:.6em 1.4em .5em .8em;width:100%;max-width:100%;box-sizing:border-box;margin:0;border:1px solid #aaa;box-shadow:0 1px 0 1px rgba(0,0,0,.04);border-radius:var(--border-radius);appearance:none;background-image:var(--dropdown-arrow);background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:1.2em auto,100%}.select-css::-ms-expand{display:none}.select-css:hover{border-color:#888}.select-css:focus{border-color:#aaa;box-shadow:0 0 0 3px -moz-mac-focusring;outline:0}.select-css option{font-weight:400}:root:lang(ar) .select-css,:root:lang(iw) .select-css,[dir=rtl] .select-css{background-position:left .7em top 50%,0 0;padding:.6em .8em .5em 1.4em}.brightgreen{background-color:#34d399;color:rgba(0,0,0,.8)}.green{background-color:#bef264;color:rgba(0,0,0,.8)}.yellow{background-color:#facc15;color:rgba(0,0,0,.8)}.orange{background-color:#f97316;color:rgba(255,255,255,.8)}.red{background-color:#ef4444;color:rgba(255,255,255,.8)}.langOuter{display:inline-grid;grid-auto-flow:column;font-size:.85em;place-content:start;justify-items:center;letter-spacing:.05em;color:#fff;font-weight:600;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;margin:0 .75em .75em 0;cursor:pointer}.langOuter:active,.langOuter:hover,.langOuter:visited{color:#fff}.langOuter>span:first-child{padding:1px 6px;border-radius:4px 0 0 4px;background-color:#555}.langOuter>span:last-child{padding:1px 6px;border-radius:0 4px 4px 0}.bmcCta{margin:.5em .5em 1em;justify-self:center}.text-xl{font-size:1.25rem;line-height:1.75rem}.coffee{font-family:Coffee,"Arial Narrow Bold",sans-serif;margin-left:.6rem;font-size:.9rem;font-weight:500;color:#fff}.coffee:hover{color:#e6e6e6}.notification-wrapper{position:relative;display:inline-block}.notification-count{position:absolute;top:2px;right:5px;left:auto;background:#fd3a4a;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center}[data-direction=rtl] .notification-count{right:auto;left:5px}.notification-panel{position:absolute;top:100%;right:0;left:auto;width:300px;background:rgba(var(--sidebar-color),.9);backdrop-filter:blur(6px);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1000;margin-top:8px;border:1px solid rgba(255,255,255,.125);text-transform:initial;color:rgb(var(--text-color))}[data-direction=rtl] .notification-panel{right:auto;left:0}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:2px solid rgba(var(--theme-color))}.notification-header h3{margin:0;font-size:16px;font-weight:600}.notification-header button{background:0 0;border:none;font-size:14px;cursor:pointer}.notification-list{max-height:300px;overflow-y:auto}.notification-item{padding:12px 16px;border-bottom:1px solid var(--border-color);cursor:pointer}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:var(--hover-color)}.notification-item .date{font-size:12px;margin-top:4px}.notification-item li{list-style:none}.hidden{display:none}