@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,300,600);.masthead a:hover h1,.previews .masthead a:hover h1,a:hover{color:#E0544C}.playback-controls button:focus,a:focus{outline:2px auto #E0544C}#abbr-tooltip{position:fixed;bottom:-5em;left:0;right:0;background-color:#FFF;border-top:1px solid #000;text-align:center;font-size:1.4em;padding:1em .5em;transition:bottom cubic-bezier(0.73, 0, 0.27, 1) 0.3s;will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0)}#abbr-tooltip.visible{bottom:0em}.str{color:#E0544C}.kwd{color:#9B59BF}.com{color:#537A53}.typ{color:#9999a5}.lit{color:#E0544C}.tag{color:#9B59BF}.atn{color:#E0544C}.atv{color:#9999a5}.fun{color:#E0544C}pre{font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;word-wrap:break-word;line-height:1}code{font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace}pre code{margin:0 auto}.prettyprint{font-size:14px;padding:1em 0;position:relative;white-space:pre-wrap}@media screen and (max-width: 500px){.prettyprint{font-size:14px}}@media screen and (min-width: 1000px){.prettyprint{width:1000px}}.prettyprint::before{display:block;content:"";background-color:#EAEAEA;position:absolute;left:-9999em;right:-9999em;top:0;bottom:0;z-index:-1}.code-block pre{margin-top:0}.code-block{margin-top:1em;position:relative}.code-block pre{display:none}@media screen and (min-width: 600px){.code-block pre.active{display:block}}@media screen and (max-width: 599px){.code-block pre.inline-active{display:block}}.code-block .header{display:inline-block;color:#1E1E38;padding:.5em 1em;margin-right:1em;user-select:none}.code-block .header:hover{cursor:pointer;background-color:#EAEAEA}.code-block .header.active{background-color:#EAEAEA}@media screen and (max-width: 599px){.code-block .header{display:none}}.code-block .pre-container{position:relative}.code-block .inline-header{color:#1E1E38;display:block;font-size:1em;padding:.5em 1em;margin:0 1em 0 0}.code-block .inline-header:hover{cursor:pointer}.code-block .inline-header.inline-active{font-weight:bold}.code-block .inline-header.inline-active::before{display:block;content:"";background-color:#EAEAEA;position:absolute;left:-9999em;right:-9999em;top:0;bottom:0;z-index:-1}@media screen and (min-width: 600px){.code-block .inline-header{position:absolute;left:-9999em}}.code-block .prettyprint+.link-container{text-align:right}@media screen and (min-width: 600px){.code-block .prettyprint+.link-container{position:absolute;top:.5em;right:0}.code-block .prettyprint.active+.link-container a{display:block}}@media screen and (max-width: 599px){.code-block .prettyprint{margin-bottom:0}.code-block .prettyprint+.link-container{background-color:#EAEAEA}.code-block .prettyprint+.link-container::before{display:block;content:"";background-color:#EAEAEA;position:absolute;left:-9999em;right:-9999em;top:0;bottom:0;z-index:-1}.code-block .prettyprint.inline-active+.link-container a{display:block}}.code-block .prettyprint+.link-container a{background-image:url(/images/general/github.svg);background-size:22px;background-repeat:no-repeat;background-position:100% 50%;display:none;font-style:italic;padding-right:30px}@media screen and (max-width: 999px){.follow-me-popup{display:none}}.follow-me-popup{position:fixed;bottom:-10em;right:1em;color:#FFF;background-color:#1E1E38;padding-top:.5em;text-align:center;font-size:1.2em;transition:bottom .4s ease-in-out}.follow-me-popup ul{padding:0;margin:.5em 0}.follow-me-popup.visible{bottom:1em}.follow-me-popup a:hover{cursor:pointer}.site-footer{text-align:center;background-color:#1E1E38;color:silver;padding:1em 0 2em 0;line-height:1.6;margin-top:3em}h2,h3,h4,h5,h6{position:relative}h2:hover .anchor,h3:hover .anchor,h4:hover .anchor,h5:hover .anchor,h6:hover .anchor{visibility:visible}.anchor{display:inline;position:absolute;right:100%;top:-.3em;padding:.3em .3em .3em .6em}@media screen and (max-width: 1089px){.anchor{position:static;padding:0 0 0 .3em}}hr,hr::before,hr::after{border-radius:50%;content:"";height:.3em;width:.3em}hr{background-color:#E0544C;border:0;margin:.8em auto 0;position:relative}hr::before,hr::after{background-color:#9B59BF;display:block;position:absolute;top:0}hr::before{left:-1em}hr::after{right:-1em}kbd>kbd{box-shadow:0 1px 0px rgba(0,0,0,0.2),0 0 0 3px #EAEAEA inset;border-radius:3px;padding:0.1em 0.7em;border:1px solid #ccc;font-family:Arial,sans-serif;font-weight:bold;background-color:#EAEAEA;margin:0 0.1em;white-space:nowrap;font-size:.7em;color:#1E1E38}@media screen and (min-width: 1000px){.masthead h1{display:inline-block}}.header-ad{float:right}@media screen and (max-width: 999px){.header-ad{margin-left:1em}}@media screen and (max-width: 829px){.header-ad{display:none}}.previews .masthead{color:#1E1E38}.previews .masthead a h1{color:#9B59BF}.previews .masthead h1{color:#1E1E38;text-shadow:0 1px 1px rgba(0,0,0,0.2)}div.math{font-size:1.2em;margin:.8rem 0 0 0;text-align:center}.pager{position:relative;height:24px;margin-top:3em !important}.pager a{display:block;position:absolute;top:0;height:24px;width:24px}.pager .home{background-image:url("/images/site/home.svg");left:50%;margin-left:-12px}.pager .prev-page{background-image:url("/images/site/prev_page.svg");left:1em}.pager .next-page{background-image:url("/images/site/next_page.svg");right:1em}.masthead a:hover h1,.previews .masthead a:hover h1,a:hover{color:#E0544C}.playback-controls button:focus,a:focus{outline:2px auto #E0544C}.playback-controls button{background-color:transparent;color:#9B59BF;font-family:'Open Sans', Helvetica, Arial, sans-serif;font-size:20px;font-weight:bold;padding:.2em .6em;position:relative;margin:5px 0;white-space:nowrap}.playback-controls button::before{content:"";display:block;position:absolute;left:0;right:0}.playback-controls button::before{background-color:#E0544C;bottom:100%;margin-bottom:5px;height:0px;transition:height ease 200ms, margin-bottom ease 200ms}.playback-controls button:hover{color:#E0544C}.playback-controls button:hover::before{height:5px;margin-bottom:0}.playback-controls button:hover{cursor:pointer}.playback-controls input[type=range]{-webkit-appearance:none;width:100%;padding:7px 0}.playback-controls input:hover[type=range]{cursor:pointer}.playback-controls input[type=range]:hover::-webkit-slider-thumb{border-color:#E0544C}.playback-controls input[type=range]::-webkit-slider-thumb{border:3px solid #9b59bf;height:20px;width:20px;border-radius:50px;background:#ffffff;-webkit-appearance:none;margin-top:-7px}.playback-controls input:focus[type=range]{outline:none}.playback-controls input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;background:#9b59bf}.playback-controls input[type=range]:focus::-webkit-slider-runnable-track{background:#9b59bf}.playback-controls input[type=range]::-moz-range-track{width:100%;height:6px;background:#9b59bf}.playback-controls input[type=range]::-moz-range-thumb{border:3px solid #9b59bf;height:20px;width:20px;border-radius:50px;background:#ffffff}.playback-controls input[type=range]::-ms-track{width:100%;height:6px;background:transparent;border-color:transparent;color:transparent}.playback-controls input[type=range]::-ms-fill-lower{background:#9b59bf}.playback-controls input[type=range]::-ms-fill-upper{background:#9b59bf}.playback-controls input[type=range]::-ms-thumb{border:3px solid #9b59bf;height:20px;width:20px;border-radius:50px;background:#ffffff;height:6px}.playback-controls input[type=range]:focus::-ms-fill-lower{background:#9b59bf}.playback-controls input[type=range]:focus::-ms-fill-upper{background:#9b59bf}.playback-controls{margin:auto;text-align:center}.playback-controls button{border:0}figure{margin:0}figcaption{font-style:italic;font-size:.8em;text-align:center}.post-image.center-aligned{text-align:center;margin:.8em auto 0 auto}.post-image.center-aligned img{max-width:100%}@media screen and (min-width: 501px){.post-image.right-aligned,.post-image.right-aligned-lg,.post-image.right-small-aligned{float:right;max-width:50%;margin-left:1em}.post-image.right-aligned img,.post-image.right-aligned-lg img,.post-image.right-small-aligned img{width:100%}.post-image.left-aligned,.post-image.left-aligned-lg,.post-image.left-small-aligned{float:left;max-width:50%;margin-right:1em}.post-image.left-aligned img,.post-image.left-aligned-lg img,.post-image.left-small-aligned img{width:100%}.post-image.right-aligned,.post-image.right-aligned-lg,.post-image.left-aligned,.post-image.left-aligned-lg{max-width:50%}.post-image.right-small-aligned,.post-image.left-small-aligned{max-width:25%}.post-image.full-width img,.post-image.full-width-lg img{width:100%;margin-top:.8em}}@media screen and (min-width: 501px) and (max-width: 999px){.post-image.right-col{max-width:50%}.post-image.right-col{float:right;max-width:50%;margin-left:1em}.post-image.right-col img{width:100%}}@media screen and (min-width: 1000px){.right-col{float:right;min-width:200px;margin:0 0 0 -284px;position:relative;left:300px}.right-col img{max-width:300px;height:auto}.fit-col{width:300px}.fit-col img{width:100%}}@media screen and (max-width: 500px){.post-image.right-col img,.post-image.right-aligned img,.post-image.left-aligned img,.post-image.center-aligned img,.post-image.full-width img,.post-image.full-width-sm img,.post-image.right-small-aligned img,.post-image.left-small-aligned img{width:100%;margin-top:.8em}.post-image.right-small-aligned,.post-image.left-small-aligned{max-width:50%;float:right}}q{quotes:"\201C" "\201D" "'" "'";font-style:italic}q::before{content:open-quote}q::after{content:close-quote}blockquote{margin:.8em 0 0 1em;padding-left:1em;border-left:0.5em solid #E0544C}blockquote cite{font-weight:bold}blockquote cite::before{content:"\2014\20"}blockquote footer{margin-top:.8em}blockquote p:first-child{margin-top:0}.related-posts{-moz-column-width:450px;-moz-column-gap:2em;-webkit-column-width:450px;-webkit-column-gap:2em;column-width:450px;column-gap:2em;margin-top:.8em}.related-posts ul{margin-top:0}.related-posts li{-webkit-column-break-inside:avoid;break-inside:avoid}pre samp,pre kbd{margin-left:1em;padding-left:1em;border-left:0.5em solid #E0544C;display:block}.search-result-term{font-weight:bold}.gsc-resultsHeader,.gsc-above-wrapper-area{display:none}.search-results .gsc-thumbnail-inside{padding:0 !important}.search-results .gs-title{height:auto !important;text-decoration:none !important}.search-results .gs-title a{color:#9B59BF !important;text-shadow:0 1px 1px rgba(0,0,0,0.2) !important;font-size:1.5em !important}.search-results .gs-title b{color:#9B59BF !important;font-size:1em !important;text-decoration:none !important}.search-results .gsc-url-top{padding:0 !important}.search-results .gsc-url-top .gs-visibleUrl,.search-results .gsc-url-top .gs-visibleUrl-long{color:#E0544C !important}.search-results .gsc-table-result td,.search-results .gs-image{border:0 !important}.search-results .gs-image-box{margin-right:1em}.search-results .gs-web-image-box-landscape{height:auto !important;width:auto !important;max-width:180px !important}.search-results .gs-web-image-box-landscape .gs-image{max-height:none !important;max-width:180px !important}.search-results .gs-web-image-box-portrait{height:auto !important;width:auto !important;max-width:100px !important}.search-results .gs-web-image-box-portrait .gs-image{max-height:none !important;max-height:120px !important;max-width:100px !important}.search-results .gsc-cursor{font-size:1.2em}.search-results .gsc-cursor-page{color:#9B59BF !important}.social-icons li,.share-icons li{width:40px;height:40px;transition:background-color ease .2s;display:inline-block;margin:0 .5em}.social-icons li:hover,.share-icons li:hover{background-color:#E0544C}@media screen and (max-width: 500px){.social-icons li,.share-icons li{margin:0 .1em}}.social-icons h2{font-size:1.3em;font-weight:bold}.share-icons ul{list-style:none;padding:0;margin:.5em 0 0 0}table{width:100%;border-spacing:0;border-collapse:collapse;margin-top:.8em}table.responsive{display:block;overflow:auto}td,th{padding:.25em .5em;border:1px solid #9999a5}th{background-color:#1E1E38;color:silver}@media screen and (max-width: 500px){.tag-container{font-size:1rem}}.tag-container menu{list-style:none;padding:0;line-height:1}.tag-container menu::after{display:block;content:"";clear:both}.tag-container li{float:left}.tag-container button{font-family:inherit;background-color:#EAEAEA;padding:.6em .4em;font-size:.8em;margin:.5em .2em 0;opacity:.3;white-space:nowrap;color:#1E1E38;border-radius:4px;border:0;outline:0;line-height:inherit;display:block;float:left}.tag-container button:hover{cursor:pointer}.tag-container button:hover,.tag-container button:focus{background-color:silver}.tag-container button.selected{background-color:#E0544C}.letter-header{background-color:transparent !important;color:#777 !important;padding:.6em .4em;font-size:.8em;margin:.5em .2em 0;opacity:1;display:block;float:left}.letter-header:hover{cursor:default !important}.show-all button,.tag-container button.active{opacity:1}.toggle-button{display:none;width:100%;font-family:inherit;font-size:.8em;background-color:#EAEAEA;padding:.6em .4em;margin:.5em .2em 0;white-space:nowrap;color:#1E1E38;border-radius:4px;border:0;outline:0;margin-bottom:.8em}.toggle-button:hover{cursor:pointer}.toggle-button:hover,.toggle-button:focus{background-color:silver}@media screen and (max-width: 500px){.toggle-button{display:block}}@media screen and (max-width: 500px){.tag-container{display:none}}.active .toggle-button{background-color:#E0544C}.active .tag-container{display:block}ul.tags{list-style:none;padding:0;margin:1em 0 0 0;font-weight:bold}ul.tags li{display:inline-block;margin-right:1em}ul.tags li:last-child{margin-right:0}.top-articles a{position:relative}.popup{display:none}.title:hover .popup{display:block}.has-float-box:hover{position:relative}.has-float-box:hover .float-box{top:100%;left:-60px;right:-60px;opacity:1;margin-top:0px}.float-box{top:-9999px;left:-9999px;position:absolute;margin-left:auto;margin-right:auto;z-index:2;padding-top:10px;opacity:0;margin-top:10px;-webkit-transition:opacity .5s ease .05s, margin-top .3s ease .05s;transition:opacity .5s ease .05s, margin-top .3s ease .05s}.float-box .inner{background:#fff;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.3);box-shadow:1px 1px 5px rgba(0,0,0,0.3)}.float-box::before{content:"";display:block;width:0;height:0;position:absolute;top:0px;left:50%;border-bottom:10px solid #fff;border-left:16px solid transparent;border-right:16px solid transparent;margin-left:-16px}@media screen and (min-width: 830px){.top-header{height:99px}}@media screen and (max-width: 829px){.top-header{margin:1em 0 !important}}.top-header .title::after{display:block;content:"";clear:both}.top-header h1{display:inline-block;margin:0 4px;color:#1E1E38}@media screen and (max-width: 829px){.top-header h1{vertical-align:middle}}@media screen and (min-width: 830px){.top-header h1{height:99px;line-height:99px;float:left}}@media screen and (max-width: 929px){.top-header h1{font-size:1.5em}}@media screen and (min-width: 830px){#search-form{position:absolute;right:0;bottom:11px}}@media screen and (max-width: 829px){#search-form{margin-top:11px}}@media screen and (max-width: 999px){#search-form{right:1em}}#search-term{text-indent:.5em;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);-webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s}#search-term:focus{border-color:#E0544C;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1),0 0 8px rgba(224,84,76,0.5)}.logo{height:77px;margin:0 4px}@media screen and (min-width: 830px){.logo{float:left;margin:11px 4px 0}}@media screen and (max-width: 829px){.logo{vertical-align:middle}}.top-nav ul{margin:0}@media screen and (min-width: 830px){.top-nav ul{position:absolute;right:0;top:0}}@media screen and (min-width: 1000px){.top-nav li:last-child a{margin-right:0}}@media screen and (max-width: 829px){.top-nav li:last-child a{margin-right:0}}.top-nav a{font-weight:bold}@media screen and (min-width: 830px){.top-nav a{padding-top:11px;border-top:0px solid #E0544C;-webkit-transition:border-top linear .1s, padding-top linear .1s;transition:border-top linear .1s, padding-top linear .1s}.top-nav a:hover{border-top:5px solid #E0544C;padding-top:6px}}.wrapper{position:relative}.wrapper::after{display:block;content:"";clear:both}@media screen and (min-width: 1000px){.inner-wrapper,.top-articles{width:700px}}@media screen and (min-width: 1000px){.stretch,.prettyprint,.code-block,.related-posts,main table{width:1000px}}*{box-sizing:border-box}ul{padding:0}.screen-reader{position:absolute;left:-9999px}.clear{clear:both}main{overflow:hidden;line-height:1.6;margin-bottom:1em}main ul{padding-left:2em}article{overflow:hidden}h2,h3,h4,h5,h6{text-shadow:0 1px 1px rgba(0,0,0,0.2)}p{margin:.8em 0 0 0}iframe[src*=codepen]{margin-top:.8em}.jump-link{margin-bottom:.8em}mark{background-color:#ff8}abbr[title]{border-bottom:1px dotted silver;cursor:help}a abbr[title]{cursor:pointer}a img{border:0}.previews{margin-top:1em}.wide-table{overflow-x:auto}