code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.search-wrapper{position:relative}.search-wrapper .input-holder{height:70px;width:70px;overflow:hidden;background:rgba(200,212,225,.38);border-radius:6px;position:relative;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.search-wrapper.active .input-holder{width:450px;border-radius:50px;background:rgba(200,212,225,.38);-webkit-transition:all .5s cubic-bezier(0,.105,.035,1.57);transition:all .5s cubic-bezier(0,.105,.035,1.57)}.search-wrapper .input-holder .search-input{width:100%;height:50px;padding:0 70px 0 20px;opacity:0;position:absolute;top:0;left:0;background:transparent;box-sizing:border-box;border:none;outline:none;font-family:Open Sans,Arial,Verdana;font-size:16px;font-weight:400;line-height:20px;font-size:1.5em;color:#000;-webkit-transform:translateY(60px);transform:translateY(60px);-webkit-transition:all .3s cubic-bezier(0,.105,.035,1.57);transition:all .3s cubic-bezier(0,.105,.035,1.57);-webkit-transition-delay:.3s;transition-delay:.3s}.search-wrapper.active .input-holder .search-input{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.search-wrapper .input-holder .search-icon{width:70px;height:70px;border:none;border-radius:6px;background:#fff;padding:0;outline:none;position:relative;z-index:2;float:right;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.search-wrapper.active .input-holder .search-icon{width:50px;height:50px;margin:10px;border-radius:30px}.search-wrapper .input-holder .search-icon span{width:22px;height:22px;display:inline-block;vertical-align:middle;position:relative;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .4s cubic-bezier(.65,-.6,.24,1.65);transition:all .4s cubic-bezier(.65,-.6,.24,1.65)}.search-wrapper.active .input-holder .search-icon span{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.search-wrapper .input-holder .search-icon span:after,.search-wrapper .input-holder .search-icon span:before{position:absolute;content:""}.search-wrapper .input-holder .search-icon span:before{width:4px;height:11px;left:9px;top:18px;border-radius:2px;background:#0070f3}.search-wrapper .input-holder .search-icon span:after{width:22px;height:22px;left:0;top:-5px;border-radius:16px;border:4px solid #0070f3}.search-wrapper .close{position:absolute;z-index:1;top:24px;right:20px;width:25px;height:25px;cursor:pointer;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition:all .3s cubic-bezier(.285,-.45,.935,.11);transition:all .3s cubic-bezier(.285,-.45,.935,.11);-webkit-transition-delay:.2s;transition-delay:.2s}.search-wrapper.active .close{right:-50px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .6s cubic-bezier(0,.105,.035,1.57);transition:all .6s cubic-bezier(0,.105,.035,1.57);-webkit-transition-delay:.5s;transition-delay:.5s}.search-wrapper .close:after,.search-wrapper .close:before{position:absolute;content:"";background:#0070f3;border-radius:2px}.search-wrapper .close:before{width:5px;height:25px;left:10px;top:0}.search-wrapper .close:after{width:25px;height:5px;left:0;top:10px}