.periodic{position:relative;height:200px;text-shadow:none;margin:35px 0 0}.periodic a:hover{opacity:1}.periodic-row{clear:both;height:10%}.cell{float:left;position:relative;width:5.55%;height:100%}.element{position:absolute;top:0;left:0;bottom:1px;right:1px;box-sizing:border-box;box-shadow:0 0 4px #ffffff80;border:1px solid rgba(0,0,0,.05);text-align:center;cursor:default;pointer-events:none;-webkit-transition:all .2s ease;transition:all .2s ease;background-color:#0161ad99;background-color:#2e8edbe6}.cell:hover .element{border-color:#0000001a;-webkit-transform:scale(3,3);-ms-transform:scale(3,3);transform:scale(3);z-index:1;background-color:#0161ade6}.at_num,.at_details{position:absolute;font-size:4px;color:#ffffff80;opacity:0}.at_num{top:4px;right:5px}.symbol{position:absolute;top:50%;left:0;right:0;margin-top:-4px;font-size:9px;line-height:1;height:9px;color:#ffffffe6}.at_details{bottom:4px;left:0;right:0}.cell:nth-child(-n+2) .element,.cell:nth-child(n+13) .element{background-color:#0161ad99;background-color:#2e8edbe6}.cell:nth-child(1) .element,.periodic-row:nth-child(2) .cell:nth-child(n+14) .element,.periodic-row:nth-child(3) .cell:nth-child(n+15) .element,.periodic-row:nth-child(4) .cell:nth-child(n+16) .element,.periodic-row:nth-child(5) .cell:nth-child(n+17) .element{background-color:#2e8edbe6}.periodic-row:nth-child(-n+6) .cell:nth-child(18) .element{background-color:#0161ad99;background-color:#2e8edbe6}.periodic-row:nth-child(n+9) .element{background-color:#0161ad99;background-color:#2e8edbe6}.cell:nth-child(-n+2):hover .element,.cell:nth-child(n+13):hover .element{background-color:#0161ade6}.cell:nth-child(1):hover .element,.periodic-row:nth-child(2) .cell:nth-child(n+14):hover .element,.periodic-row:nth-child(3) .cell:nth-child(n+15):hover .element,.periodic-row:nth-child(4) .cell:nth-child(n+16):hover .element,.periodic-row:nth-child(5) .cell:nth-child(n+17):hover .element{background-color:#0161ade6}.periodic-row:nth-child(-n+6) .cell:nth-child(18):hover .element{background-color:#0161ade6}.periodic-row:nth-child(n+9) .cell:hover .element{background-color:#0161ade6}.cell:nth-child(1) .element{-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.cell:nth-child(18) .element{-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.periodic-row:nth-child(10) .cell .element{-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}.periodic-row:nth-child(1) .cell:nth-child(1) .element{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.periodic-row:nth-child(1) .cell:nth-child(18) .element{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.periodic-row:nth-child(10) .cell:nth-child(18) .element{-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}@media (max-width: 600px){.table-page .grid__item{padding:20px}.periodic{width:100%;margin:35px 0 0}}@media (min-width: 600px){.periodic{height:460px;margin-right:-2px;width:100%;padding:20px}.element{right:2px;bottom:2px}.at_num,.at_details{font-size:4px;opacity:1}.symbol{margin-top:-17px;font-size:16px;font-weight:700;line-height:30px;height:30px;color:#ffffffbf;text-shadow:0 0 4px rgba(255,255,255,.5)}}@media (min-width: 800px){.periodic{height:540px}.symbol{font-size:20px}}@media (min-width: 992px){.periodic{height:680px}.at_num,.at_details{font-size:5px}.symbol{font-size:24px}}@media (min-width: 1200px){.periodic{height:800px;margin:35px 0 0}.at_num,.at_details{font-size:6px}.symbol{font-size:30px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/table.css.map */