*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}.container{display:flex;flex-direction:column;height:100vh}.header{height:60px;border-bottom:1px solid;display:flex;align-items:center}.header .user-input{margin-left:20px}.header input[type=text]{height:36px;width:36px;font-size:20px;text-align:center;margin-right:15px;border:1.5px solid;border-radius:6px}.header button{height:36px;width:64px;border:none;border-radius:6px;background:linear-gradient(135deg,#6c63ff 0,#4a40e5 100%);color:#fff;cursor:pointer}.header .filter{display:flex}.header .filter fieldset{display:flex;justify-content:space-between;margin-left:20px}fieldset.five-element-filter{width:220px}fieldset.stroke-filter{width:280px}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.main .list-container{flex:1;display:flex;flex-direction:column;overflow:scroll;padding:15px 0}.main .list{flex:1;display:flex;flex-wrap:wrap;text-align:center;row-gap:10px;text-align:right}.list.no-data{justify-content:center;align-items:center;font-size:36px;font-weight:500}.main .list .item{width:26%}.more{padding:10px 0;cursor:pointer}.footer{background:#d4af37;text-align:center}.hidden.hidden{display:none}button[disabled],input[disabled]{cursor:not-allowed}