@charset "UTF-8";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.examples-drawer-menu .ant-menu-submenu-title,.examples-drawer-menu .ant-menu-item{height:20px!important;min-height:0!important;line-height:20px!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;font-size:12px}.examples-drawer-menu.ant-menu-inline .ant-menu-item:not(:last-child){margin-bottom:0}.examples-drawer-menu .ant-menu-submenu,.examples-drawer-menu .ant-menu-sub.ant-menu-inline,.examples-drawer-menu .ant-menu-sub.ant-menu-inline>.ant-menu-item,.examples-drawer-menu .ant-menu-sub.ant-menu-inline>.ant-menu-submenu{margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#f5f5f5;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#696969}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.split-pane{height:100%;position:relative;display:flex;flex-direction:row;--percentWidth: 50%;overflow:hidden}.split-pane .sash{background-image:linear-gradient(to right,#fff,#a7a5a5);width:6px;-webkit-user-select:none;user-select:none;cursor:col-resize;position:absolute;height:100%;z-index:10;left:var(--percentWidth);transform:translate(-50%)}.split-pane .sash:active{background-image:none;background-color:#39a6ff}.split-pane .left-child{width:var(--percentWidth);position:relative}.split-pane .right-child{width:calc(100% - var(--percentWidth));position:relative}.drie-view>div{transform:none!important}.flush-right-checkboxes .ant-checkbox+span{padding-inline-end:0}.szh-menu{margin:0;padding:0;list-style:none;box-sizing:border-box;width:max-content;z-index:100;border:1px solid rgba(0,0,0,.1);background-color:#fff}.szh-menu:focus{outline:none}.szh-menu__arrow{box-sizing:border-box;width:.75rem;height:.75rem;background-color:#fff;border:1px solid transparent;border-left-color:#0000001a;border-top-color:#0000001a;z-index:-1}.szh-menu__arrow--dir-left{right:-.375rem;transform:translateY(-50%) rotate(135deg)}.szh-menu__arrow--dir-right{left:-.375rem;transform:translateY(-50%) rotate(-45deg)}.szh-menu__arrow--dir-top{bottom:-.375rem;transform:translate(-50%) rotate(-135deg)}.szh-menu__arrow--dir-bottom{top:-.375rem;transform:translate(-50%) rotate(45deg)}.szh-menu__item{cursor:pointer}.szh-menu__item:focus{outline:none}.szh-menu__item--hover{background-color:#ebebeb}.szh-menu__item--focusable{cursor:default;background-color:inherit}.szh-menu__item--disabled{cursor:default;color:#aaa}.szh-menu__group{box-sizing:border-box}.szh-menu__radio-group{margin:0;padding:0;list-style:none}.szh-menu__divider{height:1px;margin:.5rem 0;background-color:#0000001f}.szh-menu-button{box-sizing:border-box}.szh-menu{-webkit-user-select:none;user-select:none;color:#212529;border:none;border-radius:.25rem;box-shadow:0 3px 7px #0002,0 .6px 2px #0000001a;min-width:10rem;padding:.5rem 0}.szh-menu__item{display:flex;align-items:center;position:relative;padding:.375rem 1.5rem}.szh-menu-container--itemTransition .szh-menu__item{transition-property:background-color,color;transition-duration:.15s;transition-timing-function:ease-in-out}.szh-menu__item--type-radio{padding-left:2.2rem}.szh-menu__item--type-radio:before{content:"○";position:absolute;left:.8rem;top:.55rem;font-size:.8rem}.szh-menu__item--type-radio.szh-menu__item--checked:before{content:"●"}.szh-menu__item--type-checkbox{padding-left:2.2rem}.szh-menu__item--type-checkbox:before{position:absolute;left:.8rem}.szh-menu__item--type-checkbox.szh-menu__item--checked:before{content:"✔"}.szh-menu__submenu>.szh-menu__item{padding-right:2.5rem}.szh-menu__submenu>.szh-menu__item:after{content:"❯";position:absolute;right:1rem}.szh-menu__header{color:#888;font-size:.8rem;padding:.2rem 1.5rem;text-transform:uppercase}@keyframes szh-menu-show-zoom{0%{opacity:.1;transform:scale(.95)}}@keyframes szh-menu-hide-zoom{to{opacity:.1;transform:scale(.95)}}.szh-menu--state-opening{animation:szh-menu-show-zoom .125s ease-out}.szh-menu--state-closing{animation:szh-menu-hide-zoom .125s ease-in forwards}.szh-menu--dir-left.szh-menu--align-start{transform-origin:right top}.szh-menu--dir-left.szh-menu--align-center{transform-origin:right center}.szh-menu--dir-left.szh-menu--align-end{transform-origin:right bottom}.szh-menu--dir-right.szh-menu--align-start{transform-origin:left top}.szh-menu--dir-right.szh-menu--align-center{transform-origin:left center}.szh-menu--dir-right.szh-menu--align-end,.szh-menu--dir-top.szh-menu--align-start{transform-origin:left bottom}.szh-menu--dir-top.szh-menu--align-center{transform-origin:center bottom}.szh-menu--dir-top.szh-menu--align-end{transform-origin:right bottom}.szh-menu--dir-bottom.szh-menu--align-start{transform-origin:left top}.szh-menu--dir-bottom.szh-menu--align-center{transform-origin:center top}.szh-menu--dir-bottom.szh-menu--align-end{transform-origin:right top}.szh-menu__submenu>.szh-menu__item{padding-left:12px;padding-right:1.5rem!important}.szh-menu__submenu>.submenu-item-haspadding{padding-left:36px;padding-right:1.5rem!important}.szh-menu__submenu>.szh-menu__item:after{content:"❯";position:absolute;right:.5rem!important}.szh-menu{-webkit-user-select:auto!important;user-select:auto!important}.ant-dropdown-menu-item,.ant-dropdown-menu-submenu{padding-top:0!important;padding-bottom:0!important}.ant-dropdown-menu-title-content,.ant-dropdown-menu-submenu-title{padding-top:3px!important;padding-bottom:3px!important}.table{padding:6px;width:970px}.cells{display:grid;grid-template-rows:repeat(18,auto);grid-template-columns:repeat(10,auto);width:960px;height:540px}.cell{box-sizing:border-box;padding:1px;width:50px;height:52px;display:grid;grid-template-rows:12px 18px auto;align-content:center;opacity:.7;border:1px solid gray;overflow:hidden}.cell:hover{opacity:1;border-style:solid;border-color:red}.cell .number{font-size:11px;line-height:1}.cell .symbol{font-size:14px;text-align:center;line-height:1}.cell .name{font-size:8px;text-align:center;line-height:1.05;white-space:nowrap}.cell[data-category*=nonmetal]{background-color:#f0ff8f}.cell[data-category*=Metalloid]{background-color:#cbcc98}.cell[data-category*="Noble gas"]{background-color:#bfffff}.cell[data-category="Alkali metal"]{background-color:#ff6565}.cell[data-category="Alkaline earth metal"]{background-color:#ffdead}.cell[data-category="Transition metal"]{background-color:#ffc1c0}.cell[data-category="Post-transition metal"]{background-color:#ccc}.cell[data-category=Lanthanide]{background-color:#ffbfff}.cell[data-category=Actinide]{background-color:#f9c}.cell[data-category*=Unknown]{background-color:#ddd}.categories{display:grid;grid-template-rows:auto;grid-template-columns:repeat(4,auto)}
