.selected{background:var(--middle-color);border-radius:10px}article.popup{width:100%;height:100%;display:none;align-items:center;justify-content:center;position:fixed;top:0;left:0}article.popup>div.select{width:200px;height:60%;margin:var(--base-padding);display:none;position:fixed;top:0;left:0;background:var(--base-color);border:1px solid var(--shadow-color);border-radius:15px;box-shadow:0 5px 20px var(--middle-color);overflow-y:auto}article.popup>div.input{width:280px;height:280px;display:none;background:var(--base-color);box-sizing:border-box;border:1px solid var(--shadow-color);border-radius:15px;box-shadow:0 5px 20px var(--middle-color);overflow-y:auto}