body{background:#fff8dc;font-family:sans-serif}.path{display:inline-block;margin:1em;background-color:#efefef;border:1px solid #ccc;border-radius:.5em;min-width:10em;vertical-align:top}.path-header{overflow:auto;padding:1em;color:#efefef;background-color:#333;border-top-left-radius:.5em;border-top-right-radius:.5em}.path-name{float:left}.path-add-resource{float:left;margin-right:.5em}.path-delete{float:right;margin-left:.5em;visibility:hidden}.path-header:hover .path-delete{visibility:visible}.add-path,.path-add-resource button{cursor:pointer;background-color:#fdfdfd;border:1px solid #ccc}.path-delete button{padding:0;cursor:pointer;color:#fff;background-color:transparent;border:0}.add-resource{background-color:#fdfdfd;border:1px solid #ccc}.resources{margin:.5em;padding-left:0;max-width:10em;list-style:none}.resource{margin-bottom:.5em;padding:.5em;background-color:#fdfdfd;box-shadow:0 0 .3em .03em rgba(0,0,0,.3)}.resource:hover{box-shadow:0 0 .3em .03em rgba(0,0,0,.7);transition:.6s}.resource .value{display:inline-block}.resource .delete{float:right;padding:0;background-color:#fdfdfd;border:none;cursor:pointer;visibility:hidden}.resource:hover .delete{visibility:visible}