@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,700);#app .select-nav .ss-single-selected{position:relative;z-index:2000}#app .select-nav .ss-single-selected .placeholder{font-weight:700}#app .select-nav .ss-content{box-shadow:0 5px 10px 5px rgba(0,0,0,.2)}#app .select-nav .ss-content .ss-option{font-weight:700}.ss-main{position:relative;display:inline-block;user-select:none;color:#666;width:100%}.ss-main .ss-single-selected{display:flex;cursor:pointer;width:100%;height:30px;padding:6px;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;box-sizing:border-box;transition:background-color .3s}.ss-main .ss-single-selected.ss-disabled{background-color:#dcdee2;cursor:not-allowed}.ss-main .ss-single-selected.ss-open-above{border-top-left-radius:0;border-top-right-radius:0}.ss-main .ss-single-selected.ss-open-below{border-bottom-left-radius:0;border-bottom-right-radius:0}.ss-main .ss-single-selected .placeholder{flex:1 1 100%;text-align:left;width:calc(100% - 30px);line-height:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ss-main .ss-single-selected .placeholder,.ss-main .ss-single-selected .placeholder *{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-single-selected .placeholder *{width:auto}.ss-main .ss-single-selected .placeholder .ss-disabled{cursor:pointer;color:#dcdee2}.ss-main .ss-single-selected .ss-deselect{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 5px;font-weight:700;font-family:Arial,Helvetica,sans-serif}.ss-main .ss-single-selected .ss-deselect.ss-hide{display:none}.ss-main .ss-single-selected .ss-arrow{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 5px}.ss-main .ss-single-selected .ss-arrow span{border:solid #666;border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform .2s,margin .2s}.ss-main .ss-single-selected .ss-arrow span.arrow-up{transform:rotate(-135deg);margin:3px 0 0}.ss-main .ss-single-selected .ss-arrow span.arrow-down{transform:rotate(45deg);margin:-3px 0 0}.ss-main .ss-multi-selected{display:flex;flex-direction:row;cursor:pointer;min-height:30px;width:100%;padding:0 0 0 3px;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;box-sizing:border-box;transition:background-color .3s}.ss-main .ss-multi-selected.ss-disabled{background-color:#dcdee2;cursor:not-allowed}.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled{color:#666}.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main .ss-multi-selected.ss-open-above{border-top-left-radius:0;border-top-right-radius:0}.ss-main .ss-multi-selected.ss-open-below{border-bottom-left-radius:0;border-bottom-right-radius:0}.ss-main .ss-multi-selected .ss-values{display:flex;flex-wrap:wrap;justify-content:flex-start;flex:1 1 100%;width:calc(100% - 30px)}.ss-main .ss-multi-selected .ss-values .ss-disabled{display:flex;padding:4px 5px;margin:2px 0;line-height:1em;align-items:center;width:100%;color:#dcdee2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.ss-main .ss-multi-selected .ss-values .ss-value{display:flex;user-select:none;align-items:center;font-size:12px;padding:3px 5px;margin:3px 5px 3px 0;color:#fff;background-color:#5897fb;border-radius:4px;animation-name:scaleIn;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}.ss-main .ss-multi-selected .ss-values .ss-value.ss-out{animation-name:scaleOut;animation-duration:.2s;animation-timing-function:ease-out}.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete{margin:0 0 0 5px;cursor:pointer}.ss-main .ss-multi-selected .ss-add{display:flex;flex:0 1 3px;margin:9px 12px 0 5px}.ss-main .ss-multi-selected .ss-add .ss-plus{display:flex;justify-content:center;align-items:center;background:#666;position:relative;height:10px;width:2px;transition:transform .2s}.ss-main .ss-multi-selected .ss-add .ss-plus:after{background:#666;content:"";position:absolute;height:2px;width:10px;left:-4px;top:4px}.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross{transform:rotate(45deg)}.ss-main .ss-content{position:absolute;width:100%;margin:-1px 0 0;box-sizing:border-box;border:1px solid #dcdee2;z-index:1010;background-color:#fff;transform-origin:center top;transition:transform .2s,opacity .2s;opacity:0;transform:scaleY(0)}.ss-main .ss-content.ss-open{display:block;opacity:1;transform:scaleY(1)}.ss-main .ss-content .ss-search{display:flex;flex-direction:row;padding:8px 10px}.ss-main .ss-content .ss-search.ss-hide,.ss-main .ss-content .ss-search.ss-hide input{height:0;opacity:0;padding:0;margin:0}.ss-main .ss-content .ss-search input{display:inline-flex;font-size:inherit;font-family:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0;height:30px;padding:5px 10px;margin:0;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:textfield}.ss-main .ss-content .ss-search input::placeholder{color:#b3b3b3}.ss-main .ss-content .ss-search input:focus{box-shadow:0 0 5px #5897fb}.ss-main .ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-size:22px;font-weight:700;flex:0 0 30px;height:30px;margin:0 0 0 8px;border:1px solid #dcdee2;border-radius:4px;box-sizing:border-box}.ss-main .ss-content .ss-addable{padding-top:0}.ss-main .ss-content .ss-list{max-height:200px;overflow-x:hidden;overflow-y:auto;text-align:left}.ss-main .ss-content .ss-list .ss-optgroup .ss-optgroup-label{padding:6px 10px;font-weight:700}.ss-main .ss-content .ss-list .ss-optgroup .ss-option{padding:6px 6px 6px 25px}.ss-main .ss-content .ss-list .ss-option{padding:6px 10px;cursor:pointer;user-select:none}.ss-main .ss-content .ss-list .ss-option *{display:inline-block}.ss-main .ss-content .ss-list .ss-option.ss-highlighted,.ss-main .ss-content .ss-list .ss-option:hover{color:#fff;background-color:#5897fb}.ss-main .ss-content .ss-list .ss-option.ss-disabled{cursor:default;color:#dcdee2;background-color:#fff}.ss-main .ss-content .ss-list .ss-option.ss-hide{display:none}.ss-main .ss-content .ss-list .ss-option .ss-search-highlight{background-color:#fff70062}#home-content .samples{display:flex;justify-content:space-between}@media screen and (max-width:600px){#home-content .samples{flex-direction:column}}#home-content .samples .single{flex:1 1 50%;padding:0 10px 0 0}@media screen and (max-width:600px){#home-content .samples .single{padding:0 0 10px}}#home-content .samples .multi{flex:1 1 50%;padding:0 0 0 10px}@media screen and (max-width:600px){#home-content .samples .multi{padding:0}}#home-content .callouts{padding:20px 0 0;display:flex;justify-content:space-around}#home-content .callouts .features{flex:0 1 50%}#home-content .callouts .features .list{display:flex;flex-direction:column;list-style:none;padding:0;width:200px;margin:0 auto}#home-content .callouts .features .list li{display:flex;align-items:center;padding:0 0 5px;font-weight:700;font-size:16px}#home-content .callouts .features .list li img{width:20px;padding:0 8px 0 0}#home-content .callouts .browsers{flex:0 1 50%}#home-content .callouts .browsers .list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}#home-content .callouts .browsers .list .browser{display:flex;flex-direction:column;width:80px;padding:0 16px}#home-content .callouts .browsers .list .browser img{height:80px;width:80px;margin:0 auto;padding:0 0 8px}#home-content .callouts .browsers .list .browser .version{text-align:center;font-size:22px;font-weight:700}#install-content .npm-content{padding:0 0 30px}#install-content .npm-content .install-code{max-width:180px;margin-left:auto;margin-right:auto}#install-content .npm-content .example-code{max-width:310px;margin:0 auto}#install-content .cdn-content .example-code{max-width:200px;margin-left:auto;margin-right:auto}#selects-content .select-split{display:flex;justify-content:space-between}#selects-content .select-split>*{flex:0 1 49%}#options-content .set-content{display:flex}#options-content .set-content>*{flex:0 1 50%;width:48%;margin:0 5px 0 0}#options-content .set-content>:last-child{margin:0}#options-content .select-class .ss-single-selected{background-color:#5897fb;color:#fff;border:none}#options-content .select-class .ss-single-selected .ss-arrow *{border-color:#fff}#methods-content .set-content{display:flex}#methods-content .set-content>*{margin:0 5px 0 0}#methods-content .set-content>:last-child{margin:0 0 0 5px}html{height:100%;background:radial-gradient(circle at 47% 9%,#7db9e8,#5897fb);background-attachment:fixed}body,html{padding:0;margin:0}body{display:flex;justify-content:center;font-family:Montserrat,sans-serif;font-size:13px;color:#666}body #app{display:flex;flex-direction:column;min-width:360px;width:100%;max-width:800px}body #app>.header{display:flex;justify-content:space-between;align-items:flex-end;flex:0 1 auto;color:#fff;margin:0;padding:15px 0}@media screen and (max-width:800px){body #app>.header{padding:10px}}@media screen and (max-width:600px){body #app>.header{align-items:flex-start;flex-direction:column}}body #app>.header .text{flex:1 1 100%}body #app>.header .text .logo{font-size:40px;font-weight:300}body #app>.header .text .tagline{font-size:18px}body #app>.header .select-nav{display:flex;flex:0 1 100%;width:100%;color:#666;margin:0 auto;padding:8px 0 0}body #app>.header .select-nav a,body #app>.header .select-nav img{height:30px}body #app>.header .select-nav>*{flex:0 1 auto;margin:0 0 0 8px}@media screen and (max-width:800px){body #app>.header .select-nav>:first-child{margin:0}}body #app .main{flex:0 1 auto;display:flex;flex-direction:column}body #app .main .content{flex:1 1 auto;padding:20px;margin:0 0 20px;background-color:#fff;box-shadow:0 5px 10px 5px rgba(0,0,0,.2);border-radius:4px}@media screen and (max-width:800px){body #app .main .content{box-shadow:none;border-radius:0}}body #app .main .content>:last-child{margin-bottom:0}body #app .footer{color:#fff;font-size:13px;padding:0 0 12px;text-align:center}@media screen and (max-width:800px){body #app .footer{padding:10px}}body #app .footer a{color:#666}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar>.toolbar .toolbar-item{display:inline-block}div.code-toolbar>.toolbar a{cursor:pointer}div.code-toolbar>.toolbar button{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar a,div.code-toolbar>.toolbar button,div.code-toolbar>.toolbar span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:hsla(0,0%,88%,.2);box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar a:focus,div.code-toolbar>.toolbar a:hover,div.code-toolbar>.toolbar button:focus,div.code-toolbar>.toolbar button:hover,div.code-toolbar>.toolbar span:focus,div.code-toolbar>.toolbar span:hover{color:inherit;text-decoration:none}code[class*=language-],pre[class*=language-]{color:#a9b7c6;font-family:Consolas,Monaco,Andale Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;border-radius:4px;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{color:inherit;background:rgba(33,66,131,.85)}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{color:inherit;background:rgba(33,66,131,.85)}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2b2b2b}:not(pre)>code[class*=language-]{padding:.1em;border-radius:2px}.token.cdata,.token.comment,.token.prolog{color:gray}.token.atrule,.token.boolean,.token.delimiter,.token.important,.token.keyword,.token.selector{color:#cc7832}.token.attr-name,.token.operator,.token.punctuation{color:#a9b7c6}.token.builtin,.token.doctype,.token.tag,.token.tag .punctuation{color:#e8bf6a}.token.entity,.token.number,.token.symbol{color:#6897bb}.token.constant,.token.property,.token.variable{color:#9876aa}.token.char,.token.string{color:#6a8759}.token.attr-value,.token.attr-value .punctuation{color:#a5c261}.token.attr-value .punctuation:first-child{color:#a9b7c6}.token.url{color:#287bde;text-decoration:underline}.token.function{color:#ffc66d}.token.regex{background:#364135}.token.bold{font-weight:700}.token.italic{font-style:italic}.token.inserted{background:#294436}.token.deleted{background:#484a4a}code.language-css .token.property,code.language-css .token.property+.token.punctuation{color:#a9b7c6}code.language-css .token.id,code.language-css .token.selector>.token.attribute,code.language-css .token.selector>.token.class,code.language-css .token.selector>.token.pseudo-class,code.language-css .token.selector>.token.pseudo-element{color:#ffc66d}a{color:#5897fb}a:hover{color:#666}h1,h2,h3,h4,h5{margin:0 0 10px;padding:0 0 5px}h2.header{border-bottom:1px solid #dcdee2}p{margin:0 0 10px}::selection{color:inherit;background:#5897fb}.btn{display:inline-block;color:#fff;height:20px;width:auto;max-width:100%;min-width:auto;padding:5px 10px;cursor:pointer;background-color:#5897fb;text-align:center;line-height:18px;user-select:none;white-space:nowrap;border-radius:4px;vertical-align:middle;box-shadow:inset 0 0 0 1px transparent,inset 0 0 0 0 rgba(34,36,38,.15);box-sizing:content-box}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease-in-out}.fade-enter,.fade-leave-to{opacity:0}