.hd-size-input{background-color:#fff;bottom:100%;box-shadow:0 1px .375rem #0000001e,0 1px .25rem #0000001e;left:-200px;margin-bottom:12px;max-height:80vh;overflow-y:auto;padding:20px;position:absolute;width:80vw;z-index:10}.hd-size-input>.group>h2>b{color:#409eff;cursor:pointer;font-size:.8em;margin-left:1em}.hd-size-input>.group>h2>b:hover{color:#1b78ff}.hd-size-input>.group>h2>b.active,.hd-size-input>.group>h2>b:active{color:#4e96ff}.hd-size-input>.group>.list{display:flex;flex-wrap:wrap}.hd-size-input>.group>.list .add{align-items:center;background-color:#eee;display:flex;flex-direction:column;font-size:13px;justify-content:center;margin-bottom:12px;margin-right:12px;padding:9px 12px;text-align:center}.hd-size-input>.group>.list .add>input{margin-top:4px;width:100px}.hd-size-input>.group>.list .add>button{margin-top:10px}.hd-size-input>.group>.list .item{align-items:center;background-color:#eee;cursor:pointer;display:flex;flex-direction:column;font-size:13px;justify-content:center;margin-bottom:12px;margin-right:12px;padding:9px 12px;text-align:center}.hd-size-input>.group>.list .item:hover{background-color:#409eff;color:#fff}.hd-size-input>.group>.list .item>.label{white-space:wrap}