.md-codebox-wrapper .md-codebox-input{position:absolute;left:-9999px;opacity:0}.md-codebox{position:relative;display:flex;flex-wrap:nowrap;justify-content:center}.md-codebox.is-justify .md-codebox-box{flex:1 1 0%}.md-codebox-box{position:relative;flex:0 1 66px;width:66px;height:70px;display:flex;align-items:center;justify-content:center;color:#111a34;font-family:DINPro-Medium,DIN Alternate,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;font-size:50px;font-weight:400;line-height:1.2;margin-left:9px;margin-right:9px}.md-codebox-box:before{content:"";position:absolute;z-index:2;background-color:#c5cad5;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleY(.5) translateY(100%);transform:scaleY(.5) translateY(100%);bottom:0;left:0;right:auto;top:auto;width:100%;height:2px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}@media (min-resolution:3dppx){.md-codebox-box:before{-webkit-transform:scaleY(.33) translateY(100%);transform:scaleY(.33) translateY(100%)}}.md-codebox-box:first-child{margin-left:0}.md-codebox-box:last-child{margin-right:0}.md-codebox-box.is-active,.md-codebox-box.is-filled{border-color:#111a34}.md-codebox-blink{height:56px;width:2px;-webkit-animation:md-codebox-flash steps(2) 1s infinite;animation:md-codebox-flash steps(2) 1s infinite}.md-codebox-blink,.md-codebox-dot{display:block;background-color:#111a34}.md-codebox-dot{height:10px;width:10px;border-radius:5px}.md-codebox-holder{pointer-events:none;height:70px;line-height:70px;padding:0 12px;width:100%;text-align:center;font-size:50px;outline:none;color:#111a34;letter-spacing:.1em;border-radius:0;border-style:solid;border-width:0 0 2px;border-color:#c5cad5;background:none;box-shadow:none;box-sizing:border-box;-webkit-appearance:none;-webkit-text-fill-color:#111a34}.md-codebox-holder[disabled],.md-codebox-holder[readonly]{opacity:1;color:#111a34;border-color:#c5cad5}.md-codebox-holder.is-active{border-color:#111a34}.md-codebox.is-disabled .md-codebox-box{color:#c5cad5;border-color:#c5cad5}.md-codebox.is-disabled .md-codebox-blink{display:none}.md-codebox.is-disabled .md-codebox-dot{background-color:#c5cad5}.md-codebox.is-disabled .md-codebox-holder{color:#c5cad5;border-color:#c5cad5}@-webkit-keyframes md-codebox-flash{0%{opacity:0}to{opacity:1}}@keyframes md-codebox-flash{0%{opacity:0}to{opacity:1}}