body{background:linear-gradient(to bottom,#0e3ff0 0%,#0c1e3d 100%)}.explorer{background-color:#85bef0;border-radius:8px;padding:8px;list-style:none;min-width:300px;max-width:800px;margin:100px auto}.explorer__item,.explorer__item-expand{list-style:none;margin:0;padding:0}.explorer__item-expand{overflow-y:hidden}.explorer__item-expand li:not(:first-child),.explorer__item-expand ul{margin-left:20px}.explorer__item{padding:8px 10px;border-radius:5px;position:relative;display:flex;justify-content:space-between;font-size:18px}.explorer__item:hover{background-color:#f0f8ff;cursor:pointer}.explorer__item--folder{display:flex;font-weight:700}.explorer__item--file{justify-content:start}.explorer__item--file:before{content:"";background:url(/vanilla-js-ui/images/file.svg);background-repeat:no-repeat;display:inline-block;background-size:100%;background-position:center;height:24px;width:20px;margin-right:5px}.explorer__item-options{display:flex}.explorer__item:hover .explorer__item-options{visibility:visible}.explorer__item-options-buttons{padding:0;background-color:transparent;border:none;cursor:pointer;margin:0 10px}.explorer__item-options-buttons img{width:24px;pointer-events:none}.explorer__item-options-buttons:last-child img{width:21px}.explorer__item--folder:before{content:"";background:url(/vanilla-js-ui/images/open-folder.svg);background-repeat:no-repeat;display:inline-block;background-size:100%;background-position:center;height:24px;width:20px;margin-right:5px}.folder-close.explorer__item--folder:before{background:url(/vanilla-js-ui/images/close-folder.svg);background-repeat:no-repeat;background-size:100%;height:24px;width:20px;background-position:center;margin-right:5px}input.add-file-input,input.add-folder-input{border-radius:5px;border:none}