.clearfix::after,.container::after{content:'';display:table;clear:both}.visually-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.highlight{background:#544459;font-family:"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono","Monaco",monospace;overflow:auto;border-left:0.5em solid #333;font-size:.9em}.highlight pre{padding:1em;margin:0}@media (min-width: 920px){.highlight{font-size:1em}}:not(pre)>code{font-family:"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono","Monaco",monospace;color:#5c4863;font-weight:bold}.highlight span{font-size:1em}.highlight .hll{background-color:#49483e}.highlight{color:#f8f8f2}.highlight .c{color:#adadad}.highlight .err{color:#960050;background-color:#1e0010}.highlight .k{color:#66d9ef}.highlight .l{color:#ae81ff}.highlight .n{color:#f8f8f2}.highlight .o{color:white}.highlight .p{color:white}.highlight .c1,.highlight .cm,.highlight .cp,.highlight .cs{color:#999}.highlight .ge{font-style:italic}.highlight .gs{font-weight:700}.highlight .kc,.highlight .kd{color:#cec8d0}.highlight .kn{color:#f92672}.highlight .kp,.highlight .kr,.highlight .kt{color:#66d9ef}.highlight .ld{color:#e6db74}.highlight .m{color:#ae81ff}.highlight .s{color:#e6db74}.highlight .na{color:#a6e22e}.highlight .nb{color:#f8f8f2}.highlight .nc{color:#a6e22e}.highlight .no{color:#66d9ef}.highlight .nd{color:#a6e22e}.highlight .ni{color:#f8f8f2}.highlight .ne,.highlight .nf{color:#a6e22e}.highlight .nl,.highlight .nn{color:#f8f8f2}.highlight .nx{color:#dd5a6f}.highlight .py{color:#f8f8f2}.highlight .nt,.l-Scalar-Plain{color:#dd5a6f}.highlight .nv{color:#f8f8f2}.highlight .ow{color:#f92672}.highlight .w{color:#f8f8f2}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#ae81ff}.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd{color:#ffc93c}.highlight .se{color:#ae81ff}.highlight .s1,.highlight .sh,.highlight .si,.highlight .sr,.highlight .ss,.highlight .sx{color:#e6db74}.highlight .bp,.highlight .vc,.highlight .vg,.highlight .vi{color:#f8f8f2}.highlight .il{color:#ae81ff}.language-json .err{background:transparent}html{-moz-box-sizing:border-box;box-sizing:border-box;font-size:112.5%}*,::after,::before{-moz-box-sizing:inherit;box-sizing:inherit}body{color:#333;position:relative;line-height:1.5;font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue","Arial",sans-serif}img{max-width:100%;height:auto;display:block}a{color:#dd5a6f;font-weight:bold;text-decoration:none}a:hover,a:active{text-decoration:underline}figure{margin:1em 0}table{width:100%;border-collapse:collapse;text-align:left}thead{border-bottom:2px solid #ccc}tbody tr{border-top:1px solid #ccc}td,th{vertical-align:top;padding:.5em 1em .5em 0}@media (max-width: 767px){table,thead,tbody,tr,th,td{display:block}thead{display:none}}.wrapper{position:relative}.container{max-width:100%;width:920px;margin:0 auto;position:relative}@media (min-width: 920px){.container{padding:0 1em}}.main{padding:1em}@media (min-width: 920px){.main{border-left:250px solid #dd5a6f}}h2,h3,h4{position:relative;margin-top:0}@media (min-width: 920px){h2:hover .header-link,h2:active .header-link,h3:hover .header-link,h3:active .header-link,h4:hover .header-link,h4:active .header-link{opacity:1}}h2>code,h3>code,h4>code{text-transform:initial}p,blockquote,ul,ol,h3,h4,table,img,.highlight{margin-bottom:1.5em}h2{margin-bottom:1em;text-transform:uppercase;margin-top:3em;color:#5c4863}h2 a{color:#5c4863}h3{font-size:1.2em;margin-bottom:1.25em;color:#5c5c5c}p{margin-top:0}ul,ol{padding-left:1em;margin-top:0;list-style-position:inside}li{margin-bottom:.5em}.header-link{position:absolute;top:0;right:101%;transition:.15s;color:#dd5a6f}@media (min-width: 920px){.header-link{opacity:0}}.main ul>li:not([class]){position:relative;padding-left:1.5em;list-style:none}.main ul>li:not([class])::before{content:'';position:absolute;left:0;width:.4em;height:.4em;border-radius:50%;top:.6em;background:#5c4863}.sidebar{background:#dd5a6f;text-align:center;padding:1em}@media (min-width: 920px){.sidebar{float:left;padding:0 1em;text-align:left;width:250px}}.sidebar__body{padding-top:1em}@media (min-width: 920px){.sidebar__body{padding-top:2em}}.sidebar__title{font-size:.8em;text-transform:uppercase;border-bottom:1px solid rgba(0,0,0,0.1);padding:.45em .9em;margin:0;color:#ffc93c !important}@media (min-width: 920px){.sidebar__title{border:none;padding:0;margin-bottom:1em}}.sidebar__list{list-style:none;padding-left:0;font-size:.9em;padding-bottom:1.5em;border-bottom:0.25em solid #ffc93c;margin:0}@media (min-width: 920px){.sidebar__list{margin-bottom:1.5em}}.sidebar__list-item{border-bottom:1px solid rgba(0,0,0,0.1);position:relative;margin-bottom:0}@media (min-width: 920px){.sidebar__list-item{border:none;margin-bottom:.5em}.sidebar__list-item:last-of-type{margin-bottom:0}}.sidebar__list-item.active::after{content:'';width:0;height:0;border-top:.7em solid transparent;border-bottom:.7em solid transparent;border-right:.9em solid white;position:absolute;right:-1.1em;top:50%;margin-top:-.7em}.sidebar__list-item.active a{color:#ffc93c;font-weight:bold}.sidebar__link{display:block;text-transform:capitalize;padding:.25em .5em;color:white;font-weight:normal}.sidebar__link:hover,.sidebar__link:active,.sidebar__link:focus{text-decoration:underline}@media (min-width: 920px){.sidebar__link{padding:0}}.sidebar__toggle-label{cursor:pointer;background:#333;color:white;border:1px solid rgba(0,0,0,0.1);display:block;padding:.25em .5em;text-align:center;transition:.15s}.sidebar__toggle-label:hover,.sidebar__toggle-label:focus,.sidebar__toggle-label:active{background:#dd5a6f}@media (min-width: 920px){.sidebar__toggle-label{display:none}}.sidebar__body{display:none}@media (min-width: 920px){.sidebar__body{display:block}}.sidebar__toggle:checked ~ .sidebar__body{display:block}.header{text-align:center;overflow:hidden;padding:1em 0}@media (min-width: 920px){.header{border-bottom:0.5em solid #dd5a6f;text-align:left}}@media (min-width: 1170px){.header{padding-left:250px}}.header>.container{width:1170px}@media (min-width: 1170px){.header>.container{width:920px}}@media (min-width: 920px){.nav{float:right}}.nav__list{list-style:none;margin:0;padding:0}.nav__item{display:inline-block}@media (min-width: 920px){.nav__item{float:left}}@media (min-width: 920px){.nav__item--pull{float:right}}.nav__item--no-small{display:none}@media (min-width: 920px){.nav__item--no-small{display:block}}.nav__link{display:block;padding:.5em;position:relative}.nav__link:hover{text-decoration:none}@media (min-width: 920px){.nav__link{padding:1em}.nav__link::after{content:'';opacity:0;transition:.15s ease-out;position:absolute;width:0;height:0;bottom:-2em;border-left:.6em solid transparent;border-right:.6em solid transparent;border-bottom:0.75em solid #dd5a6f;left:50%;margin-left:-.3em}.nav__link:hover::after{opacity:1;bottom:-1.5em}}.logo{margin:0 auto 1em;display:block;max-width:400px}.logo img{margin:0 auto 1em}@media (min-width: 920px){.logo{display:none}}@media (min-width: 1170px){.logo{position:absolute;right:100%;top:50%;margin:-1.45em 0 0;display:block}.logo img{max-width:8em}}.main-title{text-align:center;text-transform:uppercase;color:#dd5a6f;font-weight:bold;font-size:1.5em;margin:0}@media (min-width: 920px){.main-title{font-size:2.5em;text-align:left;float:left}}iframe{margin-top:1.2em}.footer{background-color:#5c4863;color:#ffc93c;clear:both;text-align:center;padding:1em 0}.footer p{margin:0}.footer a{color:#ffc93c}.footer__content{padding:.5em 0}.note{padding:.5em;border-left:.5em solid}.note p{margin:0}.note--warning{color:#8a6d3b;background:#fcf8e3;border-color:#f5d99e}.note--warning a{color:#6e572f}.note--info{color:#31708f;background:#d9edf7;border-color:#92dae8}.note--info a{color:#275a72}.note--success{color:#3c763d;background:#dff0d8;border-color:#bcdba1}.note--success a{color:#305e31}.note--danger{color:#a94442;background:#f2dede;border-color:#dda7b0}.note--danger a{color:#873635}.button{transition:.150s ease-out;padding:.5em 1em;text-align:center;display:inline-block}.button:hover{text-decoration:none}.button--primary{border-radius:.15em;background-color:#ffc93c;box-shadow:inset 0 1px #ffdf8a;display:block;box-shadow:0 4px 0 #b14859;color:#5c4863;text-transform:uppercase}.button--primary:hover,.button--primary:active{background:#ffce50;box-shadow:none}@media (min-width: 920px){.button--primary{display:inline-block}}.button--block{display:block}.quote{margin:0 0 2em;overflow:hidden;text-align:center}@media (min-width: 920px){.quote{text-align:left}}.quote__avatar{border-radius:50%;margin:0 auto 1em}@media (min-width: 920px){.quote__avatar{float:left;margin:0 1em 1em 0;max-width:5em}}.quote__content{margin-bottom:.5em;margin-top:0}.quote__author{margin:0}.quote__author a{color:#5c4863}.quote__content{quotes:"“" "”" "‘" "’"}.quote__content::before,.quote__content::after{color:#5c4863}.quote__content::before{content:open-quote}.quote__content::after{content:close-quote}.home .wrapper{font-size:1.25em}.home .header{padding-left:0}.megatron__top{position:relative;padding:2em 0;background:#ffc93c}.megatron__top .highlight{margin:0 1em 1em}@media (min-width: 920px){.megatron__top .highlight{margin:0;border:none;background:none}.megatron__top .highlight pre{padding:0}.megatron__top .highlight span{font-family:inherit}.megatron__top .highlight>*{color:#333 !important}.megatron__top .highlight .c{color:#5c4863}.megatron__top .highlight .nb{color:#333}}.megatron__bottom{background:#dd5a6f;padding:1em 0}@media (min-width: 920px){.megatron__bottom{padding:.5em 0}}@media (min-width: 920px){.megatron__content{width:60%;margin-left:auto}}.megatron__button{margin:0 1em;font-size:.9em}.megatron__button+.megatron__button{margin-top:1em}@media (min-width: 920px){.megatron__button{width:48%;vertical-align:top;margin:0}.megatron__button+.megatron__button{margin-top:0;margin-left:4%}}.megatron__illustration{margin:0 auto 2em}@media (min-width: 920px){.megatron__illustration{margin-top:0;position:absolute;top:-4.5em;left:0;max-width:280px}}.home__section{overflow:hidden;padding:0 1em 3em}.home__section ul{margin-bottom:0;padding-left:1em}@media (min-width: 920px){.home__section{margin-top:-3em;padding:0 0 7em}}.home__section:first-of-type{margin-top:0;background:url("http://subtlepatterns.com/patterns/gplaypattern.png");padding-top:4em}.home__section:last-of-type{padding-bottom:3em}.home__section-heading{margin:0;color:#dd5a6f;font-size:1.5em;text-transform:uppercase;text-align:center}.home__section-heading+*{margin-top:0}@media (min-width: 920px){.home__section-heading{font-size:2.5em;text-align:left}}.home__section-content{border-top:0.4em solid #dd5a6f;padding-top:3em;margin-top:-0.65em}@media (min-width: 920px){.home__section-content{margin-top:-0.95em}}.home__section--catcher{font-size:1.5em;text-align:center;background:url("http://subtlepatterns.com/patterns/gplaypattern.png")}.home__section--catcher .home__section-content{margin:0}.home__section--catcher .button{margin-top:1.5em;width:auto}.home__note{border:0.1em solid #5c4863;border-radius:.25em;padding:.5em .25em;text-align:center}.authors{overflow:hidden;list-style:none;padding-left:0}.author{text-align:center;padding:1em;margin-bottom:1em;display:block}@media (min-width: 920px){.author{float:left;width:50%}}@media (min-width: 1170px){.author{width:50%}}.author__name{color:#5c4863;display:block;font-size:1.2em;font-weight:bold}.author__role{color:#333;display:block}.author__avatar{border-radius:50%;margin:0 auto 1em;max-width:200px}.sassdoc-theme-preview--empty .theme-code,.sassdoc-theme-preview--empty .theme-preview{display:none}.theme-preview__frame{width:100%;border:1px solid silver;min-height:30em}.theme-picker__list{overflow:hidden;list-style:none;padding:0;margin:0}.theme-picker__item{margin:.5em;position:relative;overflow:hidden;transition:.15s ease-out}@media (min-width: 920px){.theme-picker__item{max-width:270px;float:left}}.theme-picker__item.active{box-shadow:0 0 0 0.25em rgba(221,90,111,0.5)}.theme-picker__item img{margin-bottom:0}.theme-picker__preview{display:block;max-width:100%;height:auto;perspective:1000px}.theme-picker__metadata{position:absolute;top:0;right:0;bottom:0;left:0;color:white;background:black;background:rgba(0,0,0,0.8);transform:translateY(100%);opacity:0;transition:.15s ease-out;cursor:pointer}.metadata__list{width:100%;height:100%;list-style:none;padding:.5em;font-size:1.2em;position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%, -50%)}.metadata__item{height:33.33%;text-align:center}.metadata__item a{color:#dd5a6f}.theme-picker__item:hover .theme-picker__metadata,.theme-picker__item:active .theme-picker__metadata,.theme-picker__item:focus .theme-picker__metadata{transform:translateY(0);opacity:1}.theme-preview__frame{width:100%;min-height:30em;border:1px solid silver}.theme-preview__frame--fullscreen{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2;width:100%;height:100%;background:#fff}.theme-preview__fullscreen-button{color:#4d4d4d;margin-top:.3em}@media (min-width: 920px){.theme-preview__fullscreen-button{float:right;background:none;border:none;font-size:.7em}}.sassdoc-theme-preview--empty .theme-preview__fullscreen-button{display:none}.theme-preview__fullscreen-close{display:none;position:fixed;top:0;right:0;background:black;background:rgba(0,0,0,0.8);padding:.5em;color:white;z-index:3}.theme-preview__frame--fullscreen+.theme-preview__fullscreen-close{display:block}.theme-code__name{color:#dd5a6f;font-weight:bold}.theme-preview__name{color:#dd5a6f}.colors{overflow:hidden;list-style:none;padding-left:0;margin-top:0}.color{font-family:"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono","Monaco",monospace;border-radius:.25em;margin-bottom:1em;padding:1em}@media (min-width: 920px){.color{float:left;width:15em}.color+.color{margin-left:1em}.color:nth-of-type(3n){clear:both;margin-left:0}}.color--primary{background-color:#dd5a6f}.color--secondary{background-color:#ffc93c}.color--tertiary{background-color:#5c4863;color:white}.color--black{background-color:#333;color:white}.color__name{display:block}.color__value{display:block}.logo-table{width:100%}.logo-table td{padding:1em;border:1px solid silver}.logo-table img{display:block;height:auto;margin:0 auto}.gallery{list-style:none;overflow:hidden;padding:0;margin:0}.gallery__item{margin-bottom:1em}@media (min-width: 920px){.gallery__item{float:left;width:33.3333333333%}}.gallery__link{padding:.5em;display:block;text-decoration:none}.gallery__link:hover,.gallery__link:active{text-decoration:none}.gallery__preview{display:block;max-width:100%;height:auto;margin-bottom:0}.gallery__name{font-size:.8em;margin:0;text-transform:initial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#EFEFEF;padding:.5em;transition:.15s .15s;border-top:0.3em solid #5c4863}.gallery__link:active .gallery__name,.gallery__link:hover .gallery__name{background:#DFDFDF}