html,body {height:100%; margin:0; background-color:#EEE;}
div#container {height:100%; font-family:sans-serif; padding:1rem; max-width:30rem; margin:0 auto;}
div#container div.tag-container {border:.125rem solid #CCC; border-radius:.25rem; padding:.5rem; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; align-content:center; flex-wrap:wrap; background-color:#FFF;}
div#container div.tag-container div.tag {display:flex; flex-direction:row; align-items:center; justify-content:space-between;}
div#container div.tag-container div.tag {font-size:.75rem; background-color:#EFEFEF; border:1px solid #CCC; border-radius:.35rem; padding:.25rem 0 .125rem .35rem; margin:.25rem; cursor:pointer; user-select:none;}
div#container div.tag-container div.tag.select {background-color:#BBB; border-color:#777;}
div#container div.tag-container div.tag span.x {padding:0 .25rem; position:relative; top:-1px; background:#00000008; border-radius:.35rem; font-size:1.125rem; font-weight:100;}
div#container div.tag-container input.newtag {outline:none; border:0 none; margin:.25rem; flex-grow:1;}