body{font-family:arial;font-size:14px;overflow:auto}.hidden{display:none}#app_title{width:50%;float:left;padding:12px;font-size:30px;color:#fff;text-align:right}.loading_spinner{position:absolute;top:300px;left:50%;transform:translate(-50%,-50%)}@-webkit-keyframes rota{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes rota{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#top{margin:0;top:0;left:0;overflow:hidden;right:0;height:60px;background:#2d92d0 14px 5px no-repeat}#search,#top{position:absolute;z-index:4}#search{left:20px;top:80px;bottom:0;width:310px;height:70px}#search input{padding:10px 20px;border:5px solid #bcd8fd;width:100%;outline:none;font-size:16px;float:left;box-sizing:border-box;margin:20px 0 0}#search .cancel_search{position:absolute;right:10px;top:29px;font-size:20px;font-weight:700;color:#bcd8fd;cursor:pointer;display:inline-block;padding:3px 8px}#search .cancel_search:hover{color:#fff;background:#bcd8fd}#left{position:absolute;left:20px;top:180px;bottom:20px;width:300px;z-index:4;padding-right:10px;overflow-y:scroll}#left .no_snippets{position:absolute;top:20%;left:50%;margin-left:-86px;width:160px;font-weight:700;font-size:18px;color:#666}.item{padding:16px;border-bottom:1px solid #eaebfd;text-transform:capitalize;font-size:15px;font-weight:700;cursor:pointer;color:#7474c7;position:relative}.item.selected,.item:hover{background:#f5f5ff}#left .item .delete_snippet{position:absolute;right:15px;top:50%;background:#b8b8f6;width:18px;text-align:center;padding:1px 2px;text-transform:none;font-size:16px;height:20px;z-index:30;color:#fff;display:none}#left .item:hover .delete_snippet{display:block}#left .item .delete_snippet:hover{background:#8989ff}.item_language{text-transform:uppercase;font-size:13px;margin-top:5px;border:2px solid #8d8ddf;padding:3px 10px;text-align:center;color:#8d8ddf;background:#fff;display:inline-block}#right{margin:0 auto;overflow:hidden;z-index:3;top:60px;left:335px;right:5px}#right,#right .inner{position:absolute;bottom:0}#right .inner{padding:40px;right:0;left:0;top:0}.container{clear:both;position:absolute;top:117px;right:40px;left:40px;bottom:22px}#title{padding:10px 20px;border:5px solid #bcd8fd;margin:0 0 30px;width:70%;outline:none;font-size:20px;float:left;box-sizing:border-box;text-transform:capitalize}#editor{height:-o-calc(100% - 80px);height:calc(100% - 80px);font-size:14px;overflow:hidden;line-height:20px}#code_lan,#editor{position:relative;border:5px solid #bcd8fd}#code_lan{float:right;width:27%;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#lang_options{position:absolute;background:#fff;width:200px;border:5px solid #bcd8fd;left:-5px;cursor:pointer;z-index:20;box-sizing:border-box}#lang_options div,#selected_lan{padding:10px 21px;font-size:20px;color:#666;cursor:pointer}#lang_options div:hover{background:#efeff5}#preview_snippet,#saving,.save_btn{padding:14px;background:#5190e4;width:130px;text-align:center;margin-top:20px;font-weight:700;float:right;color:#fff;cursor:pointer}#preview_snippet{float:left;margin-left:20px;padding:14px 0;width:76px;display:none}#add_snippet{padding:8px 15px 8px 40px;border:1px solid #fff;text-align:center;color:#fff;float:right;cursor:pointer;margin:12px 45px 12px 12px;position:relative}#add_snippet span{font-weight:700;font-size:25px;display:inline-block;text-align:left;position:absolute;left:15px;top:1px}.loading{position:absolute;top:20%;left:50%;margin-left:-25%}#permalink input{padding:7px 10px;width:55%;margin-top:20px;font-weight:700;float:left;color:#666;border:5px solid #bcd8fd;font-size:16px;outline:none}.lds-dual-ring{display:inline-block;width:80px;height:80px}.lds-dual-ring:after{content:" ";display:block;width:30px;height:30px;margin:8px;border-radius:50%;border-color:#518fe4 transparent #518fed;border-style:solid;border-width:4px;-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite}@-webkit-keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}