@import url(http://fonts.googleapis.com/css?family=Noto+Serif|Noto+Serif:700|Noto+Serif:400italic|Paytone+One|Droid+Sans+Mono);@-webkit-keyframes tooltip{to{-webkit-transform:translateY(-5px)}}@-moz-keyframes tooltip{to{-moz-transform:translateY(-5px)}}@-o-keyframes tooltip{to{-o-transform:translateY(-5px)}}@keyframes tooltip{to{transform:translateY(-5px)}}@-webkit-keyframes tooltip-nub{to{-webkit-transform:translateY(-5px)}}@-moz-keyframes tooltip-nub{to{-moz-transform:translateY(-5px)}}@-o-keyframes tooltip-nub{to{-o-transform:translateY(-5px)}}@keyframes tooltip-nub{to{transform:translateY(-5px)}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-family:"Helvetica Neue","HelveticaNeue",sans-serif;background:#faf4ef}body{margin:0}h1,h2,h3,h4,h5,h6{font-family:"Noto Serif",serif;margin:0}.super-h1{display:inline-block;font-family:"Noto Serif",serif;font-style:italic;font-size:1.5em;margin-bottom:.5em}a{border-bottom:1px solid transparent;color:#2F3448;font-family:"Noto Serif",serif;font-style:italic;text-decoration:none}a:hover{border-color:#2F3448}h1{font-size:3.875em;font-family:'Paytone One', sans-serif;font-weight:normal;line-height:1.15em}h2{margin-bottom:.5em;font-size:2.125em}h2 a{font-size:.4em;font-weight:normal;margin-left:1.5em}h3{font-size:1.5em}h4{font-size:1em;font-family:'Droid Sans Mono', monospace;margin:2em 0 1em}p{font-weight:200;font-size:1.125em;margin:0}h3,p{display:inline}.section-description{display:block;line-height:1.333em;margin-bottom:1.5em;padding-right:3.5em}pre{margin:0;font-family:'Droid Sans Mono', monospace;padding:1.75em 1em .5em}pre:before{position:relative;top:-.5em;left:-1em;font-family:'Noto Serif';font-style:italic}section{overflow:hidden;padding:2em 0}section:nth-child(2n){background:#f0eae5}section:nth-child(3n){background:#ebe5e0}section:nth-child(4n){background:#e5e0db}section:nth-child(5n){background:#e1dbd7}section:nth-child(6n){background:#dcd6d2}section:nth-child(7n){background:#d7d1cd}.inner{width:85%;margin:auto}.args{font-weight:normal}header,footer{text-align:center;background:#2f3448;color:#FAF4EF}header a,footer a{color:#faf4ef}header a:hover,footer a:hover{border-color:#faf4ef}header{padding:2.5em 0 3.5em}footer{font-family:"Noto Serif",serif;font-style:italic;padding:2em 0}footer a{color:#b2b0b4}footer a:hover{border-color:#b2b0b4}footer .super{margin-bottom:1em}footer .subsuper{font-size:.75em}.colorpicker{background-color:#fff;border:1px solid rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);display:none;left:0;margin:3px 0 0 6px;position:absolute;top:100%}.colorpicker:before,.colorpicker:after{border:6px solid transparent;top:10px}.colorpicker:after{border-right-color:#fff;left:-12px}.colorpicker:before{border-right-color:#ccc;left:-13px}.example{padding-left:4.5em;margin-bottom:1em;background:#fff;position:relative}.example-info{-webkit-transition:max-height 0.2s ease;-moz-transition:max-height 0.2s ease;-o-transition:max-height 0.2s ease;transition:max-height 0.2s ease;max-height:400px;padding:1em 1em 1em 0}.example-color{-webkit-transition:background-color 0.2s ease,box-shadow 0.2s ease;-moz-transition:background-color 0.2s ease,box-shadow 0.2s ease;-o-transition:background-color 0.2s ease,box-shadow 0.2s ease;transition:background-color 0.2s ease,box-shadow 0.2s ease;height:100%;left:0;position:absolute;top:0;width:45px}.base-color .example-color,.alternate-color .example-color{cursor:pointer}.base-color .example-color:hover,.alternate-color .example-color:hover{box-shadow:0 0 0 5px #000}.base-color .example-color:before,.alternate-color .example-color:before{-webkit-animation:tooltip 0.35s infinite alternate;-moz-animation:tooltip 0.35s infinite alternate;animation:tooltip 0.35s infinite alternate;background:rgba(255,255,255,0.9);border-radius:4px;box-shadow:0 1px 1px 1px rgba(0,0,0,0.2);content:"Change me!";font-family:"Helvetica Neue Light","Helvetica Neue","HelveticaNeue",sans-serif;font-size:13px;left:-20px;padding:7px 10px;position:absolute;top:-30px;white-space:nowrap}.base-color .example-color:after,.alternate-color .example-color:after{-webkit-animation:tooltip-nub 0.35s infinite alternate;-moz-animation:tooltip-nub 0.35s infinite alternate;animation:tooltip-nub 0.35s infinite alternate;border:7px solid transparent;border-top-color:rgba(255,255,255,0.9);content:"";display:block;position:absolute;top:-2px;left:16px}.base-color .example-color.chosen:before,.base-color .example-color.chosen:after,.alternate-color .example-color.chosen:before,.alternate-color .example-color.chosen:after{display:none}.example-value{padding-left:1.6em}.example-alt{margin-top:-1em;padding-top:0}.collapse-all .example-info{max-height:67px;overflow:hidden}.collapse-all .example-alt{display:none}.collapse-all .example-value{opacity:.5}.collapse-all .example-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}pre:before{display:block;color:#8f8f8f}.input:before{content:'Input'}.output{margin:0 0 .5em}.output:before{content:'Output'}.arg{-webkit-transition:background 0.1s ease;-moz-transition:background 0.1s ease;-o-transition:background 0.1s ease;transition:background 0.1s ease;background:#fbf6f2;border-radius:3px;cursor:default;padding:0 2px 2px}.hover{background:#f4e7dc}#toggle{bottom:20px;cursor:pointer;position:fixed;right:2.5%;width:35px}#toggle:before{content:"View:";display:block;font-size:11px;font-family:"Noto Serif",serif;font-style:italic;margin-bottom:5px;text-align:center}#toggle:hover{border-color:transparent}#toggle span{-webkit-transition:height 0.2s ease;-moz-transition:height 0.2s ease;-o-transition:height 0.2s ease;transition:height 0.2s ease;background:#2f3448;display:block;height:2px;margin-bottom:2px;width:100%}#toggle.collapse span{height:6px}.base-color .example-color{background:#f8af1e}.base-color .output:after{content:"#f8af1e"}.alternate-color .example-color{background:#097380}.alternate-color .output:after{content:"#097380"}.rgb .example-color{background:#f8af1e}.rgb .output:after{content:"#f8af1e"}.rgba .example-color{background:rgba(248,175,30,0.5)}.rgba .output:after{content:"rgba(248,175,30,0.5)"}.red .output:after{content:"248"}.green .output:after{content:"175"}.blue .output:after{content:"30"}.mix .example-color{background:#80914f}.mix .output:after{content:"#80914f"}.mix-1 .example-color{background:#387f6c}.mix-1 .output:after{content:"#387f6c"}.hsl .example-color{background:#f8af1e}.hsl .output:after{content:"#f8af1e"}.hsla .example-color{background:rgba(248,175,30,0.5)}.hsla .output:after{content:"rgba(248,175,30,0.5)"}.hue .output:after{content:"39.90826deg"}.saturation .output:after{content:"93.96552%"}.lightness .output:after{content:"54.5098%"}.adjust-hue .example-color{background:#f8f81e}.adjust-hue .output:after{content:"#f8f81e"}.adjust-hue-1 .example-color{background:#f8661e}.adjust-hue-1 .output:after{content:"#f8661e"}.lighten .example-color{background:#fbd281}.lighten .output:after{content:"#fbd281"}.darken .example-color{background:#ab7305}.darken .output:after{content:"#ab7305"}.saturate .example-color{background:#ffb117}.saturate .output:after{content:"#ffb117"}.desaturate .example-color{background:#e1a735}.desaturate .output:after{content:"#e1a735"}.grayscale .example-color{background:#8b8b8b}.grayscale .output:after{content:"#8b8b8b"}.complement .example-color{background:#1e67f8}.complement .output:after{content:"#1e67f8"}.invert .example-color{background:#0750e1}.invert .output:after{content:"#0750e1"}.alpha .output:after{content:"1"}.opacify .example-color{background:#f8af1e}.opacify .output:after{content:"#f8af1e"}.transparentize .example-color{background:rgba(248,175,30,0.8)}.transparentize .output:after{content:"rgba(248,175,30,0.8)"}.adjust-color .example-color{background:#c6c3fa}.adjust-color .output:after{content:"#c6c3fa"}.adjust-color-1 .example-color{background:#4affc2}.adjust-color-1 .output:after{content:"#4affc2"}.scale-color .example-color{background:#f8f74b}.scale-color .output:after{content:"#f8f74b"}.scale-color-1 .example-color{background:#dfb665}.scale-color-1 .output:after{content:"#dfb665"}.change-color .example-color{background:#ff3caa}.change-color .output:after{content:"#ff3caa"}.change-color-1 .example-color{background:#205560}.change-color-1 .output:after{content:"#205560"}.adjust-lightness .example-color{background:#fbd281}.adjust-lightness .output:after{content:"#fbd281"}.adjust-lightness-1 .example-color{background:#ab7305}.adjust-lightness-1 .output:after{content:"#ab7305"}.adjust-saturation .example-color{background:#ffb117}.adjust-saturation .output:after{content:"#ffb117"}.adjust-saturation-1 .example-color{background:#e1a735}.adjust-saturation-1 .output:after{content:"#e1a735"}.scale-lightness .example-color{background:#f9bf4b}.scale-lightness .output:after{content:"#f9bf4b"}.scale-lightness-1 .example-color{background:#d89207}.scale-lightness-1 .output:after{content:"#d89207"}.scale-saturation .example-color{background:#f9af1d}.scale-saturation .output:after{content:"#f9af1d"}.scale-saturation-1 .example-color{background:#e2a834}.scale-saturation-1 .output:after{content:"#e2a834"}.shade .example-color{background:#c68c18}.shade .output:after{content:"#c68c18"}.tint .example-color{background:#f9bf4b}.tint .output:after{content:"#f9bf4b"}.contrast-color .example-color{background:#000}.contrast-color .output:after{content:"#000"}.contrast-color-1 .example-color{background:#3e2b07}.contrast-color-1 .output:after{content:"#3e2b07"}@media (max-width: 990px){.inner{width:100%;padding:0 2em}}@media (max-width: 600px){html{font-size:13px}header{font-size:11px}h2 a{margin:0}h2 a:before{content:'\A';white-space:pre}.colorpicker{left:2.5em !important;margin-top:40px}.colorpicker:before{border-color:transparent transparent #ccc transparent;top:-13px}.colorpicker:after{border-color:transparent transparent #fff transparent;top:-12px}.colorpicker:before,.colorpicker:after{left:10px}.section-description{padding-right:0}.example:not(.example-value){padding-left:1.6em}.example:not(.example-value) .example-info{padding-top:3.5em}.example-color{height:33.75px;width:100%}.collapse-all .example-info{max-height:85px}.collapse-all .example-value .example-info{max-height:54px}}