body{padding:20px}[i-type],[s-type] q,[s-type] dt{box-sizing:border-box;padding:5px;font-size:18px;line-height:1em;color:black;outline:none;white-space:nowrap;overflow:hidden;font-style:normal;font-weight:normal;background-color:white}[i-type],[s-type] q{display:inline-block;height:30px;border:1px solid #ccc}[s-type] dt{display:block;width:100%;border-top:1px solid #ccc}[i-type]:before{content:attr(i-before)}[i-type]:after{content:attr(i-after)}[i-type]:focus{background-color:#F3F3F3}[i-type]:focus:before,[i-type]:focus:after{color:#CCCCCC}[i-type].i-placeholder{color:#CCCCCC}[i-type] br{display:none}[s-type]{display:inline-block;position:relative}[s-type] q{width:100%;cursor:pointer}[s-type] q:before,[s-type] q:after{content:""}[s-type].i-active q{background-color:#F3F3F3;border-color:#ccc !important}[s-type] dl{box-sizing:border-box;display:block;position:absolute;padding:0 5px;margin:0;width:100%;border:1px solid #ccc;border-top:none;background-color:white;z-index:9999}[s-type] dt{cursor:pointer}[s-type] dt:first-child{border-top:none}[i-type],[s-type]{width:200px}