.form-field.select{position:relative}.form-field.select>label{position:absolute;top:0;left:0;bottom:0;right:0;height:42px;line-height:28px;font-size:12px;font-weight:bold;padding-right:10px;cursor:pointer;z-index:2;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.form-field.select>input{position:absolute;top:0;left:0;bottom:0;right:0;display:none;width:100%;height:42px;border:1px solid var(--primary);box-sizing:border-box;z-index:6}.form-field.select.active>input{top:0;display:block}.form-field.select.attribute>input{border-radius:0}.form-field.select.attribute.active>input{top:0}.form-field.select .options{position:absolute;top:0;left:0;bottom:auto;right:0;background:transparent;padding-right:10px;border:1px solid transparent;box-sizing:border-box;z-index:1;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.form-field.select .options>div{height:0;line-height:42px;border-bottom:0 solid var(--light);overflow:hidden;cursor:pointer;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.form-field.select .options>div>i{position:relative;display:inline-block;vertical-align:middle;width:12px;height:12px;margin-right:2px;margin-left:4px;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:6px;border:1px solid rgba(0,0,0,0.5);box-sizing:border-box}.form-field.select .options>div>i[data-icon]{border:0;margin-right:0}.form-field.select .options>div>i[data-icon]:after{content:attr(data-icon);font-family:"Material Icons";position:absolute;top:0;left:auto;bottom:0;right:0;font-size:16px;line-height:12px}.form-field.select .options>div.active{height:42px}.form-field.select.active>label{top:30px;height:42px;line-height:38px}.form-field.select.active .options{top:44px;max-height:260px;padding:10px;background:white;border:1px solid var(--light);overflow:auto}.form-field.select.active .options>div{height:36px;padding-right:10px;border-bottom:1px solid var(--light)}.form-field.select.active .options>div:last-child{border-bottom:0}.form-field.select.active .options>div.active{color:var(--primary)}