html,body{overflow-x:hidden}body{color:#888888;padding:0;line-height:1.875em;font-size:30px;font-family:sans-serif,sans;font-weight:400}@media(min-width:320px){body{font-size:92%}}@media(min-width:600px){body{font-size:94%}}@media(min-width:768px){body{font-size:98%}}@media(min-width:992px){body{font-size:102%}}@media(min-width:1382px){body{font-size:108%}}@media(min-width:1700px){body{font-size:130%}}body h1,body h2,body h3,body h4,body h5,body h6{-webkit-transition:all .2s cubic-bezier(0.215,0.61,0.355,1);-moz-transition:all .2s cubic-bezier(0.215,0.61,0.355,1);-o-transition:all .2s cubic-bezier(0.215,0.61,0.355,1);transition:all .2s cubic-bezier(0.215,0.61,0.355,1)}body *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.simple-scrollbar::-webkit-scrollbar-track,body.app ul.fonts li.drawer .subsetter .container .pane.select::-webkit-scrollbar-track,body.app ul.fonts li.drawer .subsetter .container .pane.character-codes .codes::-webkit-scrollbar-track,body.app ul.fonts li.drawer .subsetter .container .pane.preview .preview-characters::-webkit-scrollbar-track{background:rgba(51,51,51,0.01)}.simple-scrollbar::-webkit-scrollbar,body.app ul.fonts li.drawer .subsetter .container .pane.select::-webkit-scrollbar,body.app ul.fonts li.drawer .subsetter .container .pane.character-codes .codes::-webkit-scrollbar,body.app ul.fonts li.drawer .subsetter .container .pane.preview .preview-characters::-webkit-scrollbar{width:3px}.simple-scrollbar::-webkit-scrollbar-thumb,body.app ul.fonts li.drawer .subsetter .container .pane.select::-webkit-scrollbar-thumb,body.app ul.fonts li.drawer .subsetter .container .pane.character-codes .codes::-webkit-scrollbar-thumb,body.app ul.fonts li.drawer .subsetter .container .pane.preview .preview-characters::-webkit-scrollbar-thumb{background:rgba(51,51,51,0.3)}.t_ContentContainer{color:#2b88ab;font-weight:400;font-size:.8em;line-height:17px}.t_Content_simple{padding:5px 10px}.t_ContentContainer a,.t_ContentContainer a:hover{color:#8e8e8e;text-decoration:none;background:0;border:0}.t_ContentContainer a:hover{text-decoration:underline}.t_Content_dark a,.t_Content_dark a:hover,.t_Content_black a,.t_Content_black a:hover{color:#ccc}.t_Content_gray a,.t_Content_gray a:hover{color:#232323}.t_Content_red,.t_Content_green,.t_Content_blue{color:#efefef;font-size:11px;line-height:17px;padding:10px}.t_Content_red a,.t_Content_red a:hover,.t_Content_green a,.t_Content_green a:hover,.t_Content_blue a,.t_Content_blue a:hover{text-decoration:none;background:0;border:0;color:#ccc}.t_Content_red a:hover,.t_Content_green a:hover,.t_Content_blue a:hover{text-decoration:underline}.t_Content_tiny{color:#efefef;font-size:11px;line-height:16px;padding:6px 9px}.t_Content_tiny a,.t_Content_tiny a:hover{color:#b3b3b3;text-decoration:none;background:0;border:0}.t_Tooltip{margin:0;padding:0;position:absolute;overflow:hidden;background-color:transparent;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.t_Tooltip.t_hidden{opacity:0}.t_Tooltip.t_visible{opacity:1}.t_Skin{position:absolute;top:0;left:0}.t_Skin *{zoom:1}.t_Bubble{position:relative}.t_Background,.t_Stem{position:absolute}.t_Close{position:absolute;cursor:pointer;top:0}.t_CloseButtonShift{position:relative;overflow:hidden;float:left}.t_CloseState{position:absolute;margin:0;padding:0;left:0}.t_Content{position:absolute;top:0;left:0}.t_iframeShim{position:absolute;top:0;left:0;margin:0;padding:0;zoom:1;filter:alpha(opacity=0);opacity:0}.t_Shadow{position:absolute;top:0;left:0;margin:0;padding:0}.t_Shadow .t_ShadowInnerWrapper{position:relative;float:left;margin:0;padding:0}.t_ShadowBubble{position:relative;padding:0;margin:0;float:left}.t_ShadowBackground,.t_ShadowStem{position:absolute}.t_ShadowBackground *,.t_ShadowStem *{float:left}.t_CloseButtonShadow{position:absolute;top:0;left:0;margin:0;padding:0}.t_UpdateQueue{position:absolute;top:-15000px;left:-15000px;width:5000px;height:5000px;visibility:hidden}.t_UpdateQueue .t_Tooltip,.t_UpdateQueue .t_Content{position:relative;overflow:visible;float:left;top:auto;left:auto;width:100%}.t_Tooltip .t_ContentContainer{float:left;clear:both;position:relative}.t_UpdateQueue .t_ContentContainer{position:absolute;top:0;left:0}body.app{overflow-x:hidden;font-size:16px;background:#3f9cbe;-webkit-backface-visibility:hidden}body.app .group-export{position:fixed;top:-100px;right:10px;background:#ecf0f1;z-index:30;font-size:1.2em;padding:5px 12px;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-ms-border-radius:0 0 2px 2px;-o-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;-webkit-transition:all 250ms;-moz-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms}body.app .group-export:hover{background:white}body.app .group-export.shown{top:0}a.button{background:rgba(255,255,255,0.3);color:white;text-transform:uppercase;letter-spacing:1px;font-weight:400;margin:5px;padding:8px 13px 9px 13px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-transition:all 200ms ease;-moz-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease}a.button:hover{text-decoration:none;border:0;background:rgba(255,255,255,0.4)}@-webkit-keyframes polse{0%{opacity:0}50%{opacity:.7;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}100%{opacity:0}}body .loader-wrap{height:12px;position:fixed;top:0;right:5px;z-index:50;opacity:0;-webkit-transition:all 200ms ease;-moz-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease}body .loader-wrap .box{width:12px;height:100%;background:white;display:inline-block;margin-right:10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}body .loader-wrap.active{opacity:1}body .loader-wrap.active .box:nth-child(0){-webkit-animation:polse 1000ms ease infinite 0ms}body .loader-wrap.active .box:nth-child(1){-webkit-animation:polse 1000ms ease infinite 50ms}body .loader-wrap.active .box:nth-child(2){-webkit-animation:polse 1000ms ease infinite 100ms}body .loader-wrap.active .box:nth-child(3){-webkit-animation:polse 1000ms ease infinite 150ms}body .loader-wrap.active .box:nth-child(4){-webkit-animation:polse 1000ms ease infinite 200ms}body .loader-wrap.active .box:nth-child(5){-webkit-animation:polse 1000ms ease infinite 250ms}body .loader-wrap.active .box:nth-child(6){-webkit-animation:polse 1000ms ease infinite 300ms}body .loader-wrap.active .box:nth-child(7){-webkit-animation:polse 1000ms ease infinite 350ms}body .loader-wrap.active .box:nth-child(8){-webkit-animation:polse 1000ms ease infinite 400ms}body .loader-wrap.active .box:nth-child(9){-webkit-animation:polse 1000ms ease infinite 450ms}body .loader-wrap.active .box:nth-child(10){-webkit-animation:polse 1000ms ease infinite 500ms}body.app ul.fonts{list-style-type:none;padding:0;margin:0;-webkit-user-select:none;user-select:none}body.app ul.fonts li.font-row{background:#3f9cbe;position:relative;padding-left:3.5em;font-weight:400;overflow:visible;user-select:none;opacity:0;overflow:hidden;*zoom:1}body.app ul.fonts li.font-row:nth-child(4n){background:#429fc1}body.app ul.fonts li.font-row:hover{background:#49a6c8;cursor:pointer}body.app ul.fonts li.font-row.hidden{display:none}body.app ul.fonts li.font-row.shown{opacity:1;height:auto;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}body.app ul.fonts li.font-row .expand{height:100%;width:40px;position:absolute;top:0;left:0;bottom:0;cursor:pointer}@media(min-width:768px){body.app ul.fonts li.font-row .expand{width:50px}}body.app ul.fonts li.font-row .expand .inner{position:relative;height:100%;width:100%}body.app ul.fonts li.font-row .expand .inner .circle{position:absolute;top:50%;left:50%;margin-left:-10px;margin-top:-10px;height:20px;width:20px;background:rgba(236,240,241,0.05);vertical-align:middle;display:inline-block;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;border-radius:100px;-webkit-transition:all .25s;-moz-transition:all .25s;-o-transition:all .25s;transition:all .25s}body.app ul.fonts li.font-row:hover .expand .inner .circle,body.app ul.fonts li.font-row.expanded .expand .inner .circle{background:rgba(236,240,241,0.4)}body.app ul.fonts li.font-row:hover .name .description,body.app ul.fonts li.font-row.expanded .name .description{color:rgba(236,240,241,0.5)}body.app ul.fonts li.font-row:hover .name,body.app ul.fonts li.font-row.expanded .name{width:60%}body.app ul.fonts li.font-row .name{color:#fff;font-size:1em;padding:.5em;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media(min-width:768px){body.app ul.fonts li.font-row .name{font-size:1.1em}}body.app ul.fonts li.font-row .name .description{font-size:60%;color:rgba(255,255,255,0.3);display:none}@media(min-width:768px){body.app ul.fonts li.font-row .name .description{display:block}}body.app ul.fonts li.font-row .controls{height:100%;position:absolute;top:0;right:-200px;bottom:0;line-height:2.5;opacity:0;-webkit-transition:all 100ms ease-in;-moz-transition:all 100ms ease-in;-o-transition:all 100ms ease-in;transition:all 100ms ease-in}body.app ul.fonts li.font-row .controls .fp-icon{margin-right:10px;cursor:pointer;color:rgba(236,240,241,0.3);font-size:1em}@media(min-width:768px){body.app ul.fonts li.font-row .controls{line-height:4}body.app ul.fonts li.font-row .controls .fp-icon{margin-right:12px;font-size:1.2em}}body.app ul.fonts li.font-row:hover .controls{right:10px;opacity:1}body.app ul.fonts li.font-row:hover .controls .fp-icon{color:#ecf0f1}body.app ul.fonts li.font-row.expanded .controls{opacity:1}body.app ul.fonts li.drawer{max-height:0;background:white;overflow:hidden;position:relative;-webkit-transition:all 750ms ease;-moz-transition:all 750ms ease;-o-transition:all 750ms ease;transition:all 750ms ease}body.app ul.fonts li.drawer .inner{position:relative;margin:2em;overflow:hidden;*zoom:1}body.app ul.fonts li.drawer .inner h1{font-weight:900;max-width:55%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-bottom:10px;margin-top:0}body.app ul.fonts li.drawer .inner h1 .thin{font-weight:200}body.app ul.fonts li.drawer .inner .controls{position:absolute;top:0;right:0;color:#71cef0;font-size:1em;margin-right:-10px}@media(min-width:600px){body.app ul.fonts li.drawer .inner .controls{font-size:1.1em;margin-right:-25px}}body.app ul.fonts li.drawer .inner .controls .fp-icon{margin-right:10px;cursor:pointer}@media(min-width:600px){body.app ul.fonts li.drawer .inner .controls .fp-icon{margin-right:25px}}body.app ul.fonts li.drawer .inner .controls .fp-icon:hover{color:#5dbadc}body.app ul.fonts li.drawer .inner .controls .icon-trash:hover{color:#f4644d}body.app ul.fonts li.drawer .inner .characters,body.app ul.fonts li.drawer .inner .content{opacity:.1;margin:0;padding:0;-webkit-transition:all 100ms ease;-moz-transition:all 100ms ease;-o-transition:all 100ms ease;transition:all 100ms ease}body.app ul.fonts li.drawer .inner .characters.shown,body.app ul.fonts li.drawer .inner .content.shown{opacity:1;-webkit-transition:all 100ms ease;-moz-transition:all 100ms ease;-o-transition:all 100ms ease;transition:all 100ms ease}body.app ul.fonts li.drawer .inner .characters .character,body.app ul.fonts li.drawer .inner .content .character{padding:6px;text-align:center;cursor:pointer;display:inline-block}body.app ul.fonts li.drawer .inner .characters .character:hover,body.app ul.fonts li.drawer .inner .content .character:hover{background:rgba(63,156,190,0.1)}body.app ul.fonts li.drawer .inner .characters .limit,body.app ul.fonts li.drawer .inner .content .limit{font-family:sans-serif,sans;margin-bottom:1em;font-weight:200}body.app ul.fonts li.drawer .inner .characters .limit a,body.app ul.fonts li.drawer .inner .content .limit a{margin-left:5px}body.app ul.fonts li.drawer .inner .viewer,body.app ul.fonts li.drawer .inner .subsetter{display:none}body.app ul.fonts li.drawer .inner .viewer.shown,body.app ul.fonts li.drawer .inner .subsetter.shown{display:block}body.app ul.fonts li.font-row.expanded+li.drawer,body.app ul.fonts li.settings.drawer.expanded{max-height:10000px;-webkit-transition:all 750ms ease;-moz-transition:all 750ms ease;-o-transition:all 750ms ease;transition:all 750ms ease}body.app ul.fonts li.drawer .subsetter .container{overflow:hidden;*zoom:1}body.app ul.fonts li.drawer .subsetter .container .pane{height:600px;background:rgba(63,156,190,0.1);float:left;width:100%;margin-top:1em;position:relative;text-align:center;border:2px solid rgba(63,156,190,0.01);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}@media(min-width:768px){body.app ul.fonts li.drawer .subsetter .container .pane{width:30%;margin-top:0}body.app ul.fonts li.drawer .subsetter .container .pane.character-codes{margin:0 5%}}body.app ul.fonts li.drawer .subsetter .container .pane header{text-align:center;font-size:1.2em;font-weight:700;padding:.5em 0;background:white}body.app ul.fonts li.drawer .subsetter .container .pane.select{text-align:center;overflow:hidden;overflow-y:scroll}body.app ul.fonts li.drawer .subsetter .container .pane.select ul{padding:0;margin:0}body.app ul.fonts li.drawer .subsetter .container .pane.select ul li{padding:.5em 0;list-style-type:none;border-top:1px solid #ecf0f1;position:relative;cursor:pointer}body.app ul.fonts li.drawer .subsetter .container .pane.select ul li:hover{background:rgba(255,255,255,0.5);color:#005679}body.app ul.fonts li.drawer .subsetter .container .pane.select ul li.custom-range input{display:inline-block;border:2px solid #d8dcdd;width:100px;text-align:center}body.app ul.fonts li.drawer .subsetter .container .pane.select ul li.custom-range .sep{margin:0 10px}body.app ul.fonts li.drawer .subsetter .container .pane.select ul li .add{position:absolute;right:0;top:10px;font-size:1.2em;font-weight:900;cursor:pointer;padding:0 5px;background:rgba(255,255,255,0.7)}body.app ul.fonts li.drawer .subsetter .container .pane.select ul li .add:hover{background:white}body.app ul.fonts li.drawer .subsetter .container .pane.character-codes header .tip{background:rgba(63,156,190,0.1);padding:0 10px;cursor:pointer;position:absolute;top:0;right:6px;font-weight:700;font-size:10px;-webkit-border-radius:0 0 1px 1px;-moz-border-radius:0 0 1px 1px;-ms-border-radius:0 0 1px 1px;-o-border-radius:0 0 1px 1px;border-radius:0 0 1px 1px}body.app ul.fonts li.drawer .subsetter .container .pane.character-codes header .tip:hover{border:0}body.app ul.fonts li.drawer .subsetter .container .pane.character-codes header .tip.clear{background:rgba(244,100,77,0.5);right:6px;color:white}body.app ul.fonts li.drawer .subsetter .container .pane.character-codes header .tip.clear:hover{background:rgba(244,100,77,0.75)}body.app ul.fonts li.drawer .subsetter .container .pane.character-codes header .tip.info{right:40px}body.app ul.fonts li.drawer .subsetter .container .pane.character-codes .codes{position:absolute;top:40px;right:0;bottom:0;left:0;overflow:scroll;overflow-x:hidden;padding:20px;outline:0;border:0;background:transparent;resize:none;color:#2b88ab;letter-spacing:1px;font-family:'Courier New';font-size:.8em}body.app ul.fonts li.drawer .subsetter .container .pane.preview{height:470px}body.app ul.fonts li.drawer .subsetter .container .pane.preview .exit-subsetter{position:absolute;top:-7px;right:3px;font-size:.6em;text-transform:uppercase;letter-spacing:1px;cursor:pointer}body.app ul.fonts li.drawer .subsetter .container .pane.preview .preview-characters{position:absolute;top:40px;right:0;bottom:0;left:0;overflow:scroll;overflow-x:hidden;padding:20px;color:#2b88ab;letter-spacing:1px}body.app ul.fonts li.drawer .subsetter .container .pane.export-actions{background:transparent;height:120px;margin-top:10px;border:0}body.app ul.fonts li.drawer .subsetter .container .pane.export-actions a.button{border:1px solid #3f9cbe;width:98%;display:block;padding:10px;text-align:center;color:#3f9cbe;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}body.app ul.fonts li.drawer .subsetter .container .pane.export-actions a.button:hover{color:white;background:#429fc1}body.app ul.fonts li.drawer .subsetter .container .pane.export-actions .estimated-file-size .size,body.app ul.fonts li.drawer .subsetter .container .pane.export-actions .estimated-file-size .total,body.app ul.fonts li.drawer .subsetter .container .pane.export-actions .total-characters .size,body.app ul.fonts li.drawer .subsetter .container .pane.export-actions .total-characters .total{font-weight:900}body.app .top-bar{width:100%;background:#44a1c3;z-index:10}body.app .top-bar.fixed{position:fixed;top:0;left:0}body.app .top-bar .inner{position:relative;width:100%;height:100%}body.app .top-bar .inner .settings-toggle{position:absolute;top:4px;left:9px;color:rgba(255,255,255,0.9);font-size:1.5em;cursor:pointer;-webkit-transition:all 250ms ease;-moz-transition:all 250ms ease;-o-transition:all 250ms ease;transition:all 250ms ease}@media(min-width:768px){body.app .top-bar .inner .settings-toggle{left:14px}}body.app .top-bar .inner .settings-toggle:hover{color:white}body.app .top-bar .inner input[type='text']{width:100%;-webkit-appearance:none;border:0;outline:0;font-size:.9em;font-weight:400;padding:1em;color:rgba(236,240,241,0.75);background:transparent;text-transform:uppercase;letter-spacing:1px;-webkit-transition:all .25s;-moz-transition:all .25s;-o-transition:all .25s;transition:all .25s;text-align:center}body.app .top-bar .inner input[type='text']:focus{color:#ecf0f1}body.app .overlay{position:fixed;top:0;right:0;left:0;bottom:0;z-index:0;background:#3f9cbe;opacity:0;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}body.app .overlay.uploader,body.app .overlay.loading{pointer-events:none;z-index:20}body.app .overlay.uploader.shown,body.app .overlay.loading.shown{opacity:1}body.app .overlay.uploader.shown h1,body.app .overlay.loading.shown h1{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}body.app .overlay.uploader .text,body.app .overlay.loading .text{position:absolute;top:30%;width:100%;color:white;text-align:center}body.app .overlay.uploader .text h1,body.app .overlay.loading .text h1{font-weight:200;text-transform:uppercase;letter-spacing:4px;font-size:1.5em;margin:0}body.app .overlay.uploader .text h2,body.app .overlay.loading .text h2{text-transform:uppercase;font-weight:200;font-size:1em;letter-spacing:4px;margin:0}body.app .overlay.loading{z-index:40}body.app .overlay.loading.shown{opacity:1}body.app .overlay.license{pointer-events:none;opacity:0;-webkit-transition:0;-moz-transition:0;-o-transition:0;transition:0;z-index:40}body.app .overlay.license.shown{opacity:1;pointer-events:auto}body.app .overlay.license form.box{height:310px;width:250px;position:absolute;top:45%;left:50%;margin-top:-155px;margin-left:-125px;padding:15px;background:#ecf0f1;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;text-align:center;-webkit-box-shadow:1px 6px 20px -2px rgba(0,0,0,0.1);-moz-box-shadow:1px 6px 20px -2px rgba(0,0,0,0.1);box-shadow:1px 6px 20px -2px rgba(0,0,0,0.1)}body.app .overlay.license form.box img{width:120px;margin:10px auto 25px auto;display:block}body.app .overlay.license form.box input{width:100%;padding:10px;margin-top:5px;outline:0;border:2px solid rgba(63,156,190,0.5);-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}body.app .overlay.license form.box input:hover,body.app .overlay.license form.box input:focus{border-color:rgba(63,156,190,0.6)}body.app .overlay.license form.box input.error{border-color:#fc645d}body.app .overlay.license form.box .notice{font-size:.7em;color:#474747}.fp-modal{position:fixed;top:50%;left:50%;width:50%;max-width:630px;min-width:320px;height:auto;z-index:2000;visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-50%) translateY(-65%);-moz-transform:translateX(-50%) translateY(-65%);-ms-transform:translateX(-50%) translateY(-65%);-o-transform:translateX(-50%) translateY(-65%);transform:translateX(-50%) translateY(-65%);color:#ecf0f1}.fp-modal.shown{visibility:visible}.fp-modal .content{text-align:center}.fp-modal .content h2{font-size:175%;font-weight:400;margin-bottom:.5em}.fp-modal .content p.text{margin-top:0;line-height:1.2}.fp-modal .content p.controls{margin-top:2em}.fp-modal-overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:1000;opacity:0;background:#217ea0;transition:all .3s}.fp-modal.shown ~ .fp-modal-overlay{opacity:1;visibility:visible}.fp-modal .content{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.fp-modal.shown ~ .fp-modal-overlay{background:#3f9cbe}.fp-modal .content h2,.fp-modal .content{background:transparent}.fp-modal.shown .content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}body.app .message{position:fixed;bottom:-100px;right:0;left:0;background:rgba(0,0,0,0.8);z-index:11;padding:.5em;text-transform:uppercase;letter-spacing:1px;text-align:center;font-size:.8em;font-weight:700;line-height:1.4;color:#ecf0f1;display:block;opacity:1;-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in}body.app .message code{display:inline-block;font-size:110%;padding:0 10px}body.app .message.shown{bottom:0;opacity:1}body.app li.settings.drawer .content{padding:10px}body.app li.settings.drawer .content form .setting-row{overflow:hidden;*zoom:1;padding:15px 0}body.app li.settings.drawer .content form .setting-row label{float:left}body.app li.settings.drawer .content form .setting-row label .info{display:inline-block;font-weight:900;margin-right:10px;background:rgba(63,156,190,0.2);padding:0 10px;cursor:pointer}body.app li.settings.drawer .content form .setting-row label .info:hover{background:rgba(63,156,190,0.5);color:#ecf0f1}body.app li.settings.drawer .content form .setting-row input,body.app li.settings.drawer .content form .setting-row select{float:right}body.app li.settings.drawer .content form .setting-row a.export-path{font-size:12px;float:right;padding:0 10px;border:1px solid #3f9cbe;color:#3f9cbe;font-family:"Courier New";-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-transition:all,500ms;-moz-transition:all,500ms;-o-transition:all,500ms;transition:all,500ms}body.app li.settings.drawer .content form .setting-row a.export-path:hover{color:white;background:#44a1c3}body.app li.settings.drawer .content a.button.delete{width:100%;margin:0;margin-top:1em;color:#f4644d;border:2px solid #f4644d;display:inline-block;text-align:center;-webkit-transition:all,500ms;-moz-transition:all,500ms;-o-transition:all,500ms;transition:all,500ms}body.app li.settings.drawer .content a.button.delete:hover{color:white;background:#f4644d}body.app .settings-info-tip{padding:10px;max-width:400px;line-height:1.6;font-weight:400}body.app ul.actions{margin:0;padding:0;color:#2b88ab;min-width:200px;overflow-y:auto}body.app ul.actions.copy{text-align:center;min-width:125px;width:125px}body.app ul.actions.copy [data-raw]{font-size:20px}body.app ul.actions.copy pre{display:inline-block;padding:0;margin:0}body.app ul.actions li{margin:0;padding:10px 1.5em;cursor:pointer;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}body.app ul.actions li.title,body.app ul.actions li.title:hover{background:#2b88ab;color:white}body.app ul.actions li.font{background:#d8dcdd}body.app ul.actions li:first-child{-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}body.app ul.actions li:last-child{-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}body.app ul.actions .action:hover{background:#e7ebec}body.app ul.actions .action.danger{background:rgba(244,100,77,0.9);color:#ecf0f1}body.view{-webkit-font-variant-ligatures:common-ligatures;font-variant-ligatures:common-ligatures}body.view .container{*zoom:1;max-width:56.5em;_width:56.5em;padding-left:1.5em;padding-right:1.5em;margin-left:auto;margin-right:auto;padding-top:1.5em}body.view .container:after{content:"";display:table;clear:both}body.view header{font-family:sans-serif,sans}body.view header .controls{position:absolute;top:20px;right:20px}body.view header .controls select{vertical-align:top}body.view header .controls .font-size{display:inline-block}body.view header .controls .font-size .indicator{margin-right:10px;margin-bottom:-10px;width:100px;text-align:center;font-size:.75em;line-height:.2}body.view header .controls .font-size input{-webkit-appearance:none;height:5px;width:90px;background:rgba(63,156,190,0.4);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-box-shadow:0;-moz-box-shadow:0;box-shadow:0;outline:0;border:0;text-align:center;vertical-align:top;margin-top:10px}body.view header .controls .font-size input::-webkit-slider-thumb{width:20px;height:20px;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}body.view h1{font-family:sans-serif,sans}body.view p.text{-webkit-transition:background 1000ms;-moz-transition:background 1000ms;-o-transition:background 1000ms;transition:background 1000ms;margin-top:0}body.view p.text:hover{background:rgba(63,156,190,0.2)}body.view p.text span{display:inline-block;padding:3px 7px;cursor:pointer}body.view a.icon-ie{position:fixed;bottom:0;right:5px;opacity:.5;color:black;cursor:pointer}body.view a.icon-ie:hover{border:0}.sp-container{position:absolute;top:0;left:0;display:inline-block;*display:inline;*zoom:1;z-index:2147483647;overflow:hidden}.sp-container.sp-flat{position:relative}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20%}.sp-hue{position:absolute;top:0;right:0;bottom:0;left:84%;height:100%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:18px}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-4px;bottom:-4px;width:6px;left:50%;cursor:pointer;border:1px solid black;background:white;opacity:.8}.sp-alpha{display:none;position:absolute;bottom:-14px;right:0;left:0;height:8px}.sp-alpha-inner{border:solid 1px #333}.sp-container,.sp-replacer,.sp-preview,.sp-dragger,.sp-slider,.sp-alpha,.sp-alpha-handle,.sp-container.sp-dragging .sp-input,.sp-container button{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:-webkit-gradient(linear,0 0,100% 0,from(white),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(left,white,rgba(204,154,129,0));background-image:-moz-linear-gradient(left,white,rgba(204,154,129,0));background-image:-o-linear-gradient(left,white,rgba(204,154,129,0));background-image:-ms-linear-gradient(left,white,rgba(204,154,129,0));background-image:linear-gradient(to right,#fff,rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 1,startColorstr='#FFFFFFFF',endColorstr='#00CC9A81')}.sp-val{background-image:-webkit-gradient(linear,0 100%,0 0,from(black),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(bottom,black,rgba(204,154,129,0));background-image:-moz-linear-gradient(bottom,black,rgba(204,154,129,0));background-image:-o-linear-gradient(bottom,black,rgba(204,154,129,0));background-image:-ms-linear-gradient(bottom,black,rgba(204,154,129,0));background-image:linear-gradient(to top,#000,rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81',endColorstr='#FF000000')}.sp-hue{background:-moz-linear-gradient(top,red 0,yellow 17%,lime 33%,cyan 50%,blue 67%,magenta 83%,red 100%);background:-ms-linear-gradient(top,red 0,yellow 17%,lime 33%,cyan 50%,blue 67%,magenta 83%,red 100%);background:-o-linear-gradient(top,red 0,yellow 17%,lime 33%,cyan 50%,blue 67%,magenta 83%,red 100%);background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(0.17,yellow),color-stop(0.33,lime),color-stop(0.5,cyan),color-stop(0.67,blue),color-stop(0.83,magenta),to(red));background:-webkit-linear-gradient(top,red 0,yellow 17%,lime 33%,cyan 50%,blue 67%,magenta 83%,red 100%)}.sp-1{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000',endColorstr='#ffff00')}.sp-2{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00',endColorstr='#00ff00')}.sp-3{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00',endColorstr='#00ffff')}.sp-4{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff',endColorstr='#0000ff')}.sp-5{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff',endColorstr='#ff00ff')}.sp-6{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff',endColorstr='#ff0000')}.sp-hidden{display:none!important}.sp-cf:before,.sp-cf:after{content:"";display:table}.sp-cf:after{clear:both}.sp-cf{*zoom:1}@media(max-device-width:480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:5px;height:5px;width:5px;border:1px solid white;background:#000;cursor:pointer;position:absolute;top:0;left:0}.sp-slider{position:absolute;top:0;cursor:pointer;height:3px;left:-1px;right:-1px;border:1px solid black;background:white;opacity:.8}.sp-container{border-radius:0;background-color:#ececec;border:solid 1px #f0c49b;padding:0}.sp-container,.sp-container button,.sp-container input,.sp-color,.sp-hue{font:normal 12px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:3px}.sp-color,.sp-hue{border:solid 1px #666}.sp-input-container{float:right;width:100px;margin-bottom:4px}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{font-size:12px!important;border:1px inset;padding:4px 5px;margin:0;width:100%;background:transparent;border-radius:3px;color:#222}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-picker-container,.sp-palette-container{float:left;position:relative;padding:10px;padding-bottom:300px;margin-bottom:-290px}.sp-picker-container{width:172px;border-left:solid 1px white}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent}.sp-palette .sp-thumb-el:hover,.sp-palette .sp-thumb-el.sp-thumb-active{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left;border:solid 1px #333}.sp-initial span{width:30px;height:25px;border:0;display:block;float:left;margin:0}.sp-button-container{float:right}.sp-replacer{margin:0;overflow:hidden;cursor:pointer;padding:4px;display:inline-block;*zoom:1;*display:inline;border:solid 1px #91765d;background:#eee;color:#333;vertical-align:middle}.sp-replacer:hover,.sp-replacer.sp-active{border-color:#f0c49b;color:#111}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{padding:2px 0;height:16px;line-height:16px;float:left;font-size:10px}.sp-preview{position:relative;width:25px;height:20px;border:solid 1px #222;margin-right:5px;float:left;z-index:0}.sp-palette{*width:220px;max-width:220px}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:solid 1px #d0d0d0}.sp-container{padding-bottom:0}.sp-container button{background-color:#eee;background-image:-webkit-linear-gradient(top,#eee,#ccc);background-image:-moz-linear-gradient(top,#eee,#ccc);background-image:-ms-linear-gradient(top,#eee,#ccc);background-image:-o-linear-gradient(top,#eee,#ccc);background-image:-ms-linear-gradient(top,#eee,#ccc);background-image:linear-gradient(to bottom,#eee,#ccc);border:1px solid #ccc;border-bottom:1px solid #bbb;border-radius:3px;color:#333;font-size:14px;line-height:1;padding:5px 4px;text-align:center;text-shadow:0 1px 0 #eee;vertical-align:middle}.sp-container button:hover{background-color:#ddd;background-image:-webkit-linear-gradient(top,#ddd,#bbb);background-image:-moz-linear-gradient(top,#ddd,#bbb);background-image:-ms-linear-gradient(top,#ddd,#bbb);background-image:-o-linear-gradient(top,#ddd,#bbb);background-image:-ms-linear-gradient(top,#ddd,#bbb);background-image:linear-gradient(to bottom,#ddd,#bbb);border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;text-shadow:0 1px 0 #ddd}.sp-container button:active{border:1px solid #aaa;border-bottom:1px solid #888;-webkit-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-moz-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-ms-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-o-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee}.sp-cancel{font-size:11px;color:#d93f3f!important;margin:0;padding:2px;margin-right:5px;vertical-align:middle;text-decoration:none}.sp-cancel:hover{color:#d93f3f!important;text-decoration:underline}.sp-palette span:hover,.sp-palette span.sp-thumb-active{border-color:#000}.sp-preview,.sp-alpha,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-preview-inner,.sp-alpha-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}