.guide-swatch--cyan .guide-swatch-block{background-color:#00faff}.guide-swatch--blue .guide-swatch-block{background-color:#161542}.guide-swatch--blue-50 .guide-swatch-block{background-color:#2c2a84}.guide-swatch--orange .guide-swatch-block{background-color:#ff5f00}.guide-swatch--pink .guide-swatch-block{background-color:#ff5f00}.guide-swatch--pink-20 .guide-swatch-block{background-color:#ffebf6}.guide-swatch--grey-90 .guide-swatch-block{background-color:#393939}.guide-swatch--grey-80 .guide-swatch-block{background-color:#575757}.guide-swatch--grey-70 .guide-swatch-block{background-color:gray}.guide-swatch--grey-60 .guide-swatch-block{background-color:#989898}.guide-swatch--grey-50 .guide-swatch-block{background-color:#bababa}.guide-swatch--grey-40 .guide-swatch-block{background-color:#e2e2e2}.guide-swatch--grey-30 .guide-swatch-block{background-color:#ebebeb}.guide-swatch--grey-20 .guide-swatch-block{background-color:#f3f3f3}body{background-color:#fff !important}body:after{background-color:rgba(0,0,0,0) !important}.guide-index{padding:4rem 10% 8rem}.guide-index-list{list-style-type:none;padding:1rem 3rem 1rem 0;margin-bottom:10rem}.guide-index-list li{font-size:18px;margin-bottom:16px;position:relative;padding-left:30px}.guide-index-list li:last-child{margin-bottom:4px}.guide-index-list li::before{position:absolute;width:20px;height:20px;border-radius:20px;display:block;top:4px;left:0;vertical-align:middle;text-align:center;font-size:16px;line-height:18px;color:#fff}.guide-index-list li.complete::before{background-color:#46a86c;content:""}.guide-index-list li.doing::before{background-color:#f29330;content:""}.guide-index-list li.todo::before{background-color:#666;content:""}.guide-index-list li.label{font-weight:bold;text-transform:uppercase;letter-spacing:1px}.guide-index-list li.label:not(:first-of-type){margin-top:30px}@media screen and (min-width: 900px){.guide-index-list--cols>div{width:50%;float:left}}@media screen and (max-width: 899px){.guide-index-list--cols>div{padding-bottom:30px}}.guide-header{background-color:#eee;padding:1rem 10% 1.5rem 10%;overflow:hidden}.guide-header h1{display:inline-block;font-size:1.8rem}.guide-menu{float:right;margin-top:0}.guide-menu li{float:left;font-size:1.6rem;display:inline-block;margin-left:20px}@media screen and (max-width: 600px){.guide-menu{float:none}.guide-menu li{margin-left:0;margin-right:20px}}.guide-section{border-top:2px solid #ddd;margin-top:80px;padding-top:78px}.guide-section:first-of-type{border-top:0;margin-top:0;padding-top:0}.guide-h1{font-size:22px;line-height:29px;margin-bottom:22px;color:#333}.guide-swatches{list-style-type:none;margin-bottom:10rem;display:grid;grid-row-gap:40px;grid-column-gap:10px;display:grid;grid-template-columns:repeat(2, minmax(50%, 1fr))}@media screen and (min-width: 700px){.guide-swatches{grid-template-columns:repeat(6, minmax(16%, 1fr))}}@media screen and (min-width: 1000px){.guide-swatches{grid-template-columns:repeat(6, minmax(16%, 1fr))}}@media screen and (min-width: 1400px){.guide-swatches{grid-template-columns:repeat(9, minmax(10%, 1fr))}}.guide-swatch{display:block;font-size:13px;line-height:13px;color:#333}.guide-swatch-block{height:80px;width:100%;min-height:80px;display:block;margin-bottom:7px;position:relative}@media screen and (min-width: 690px){.guide-swatch-block{height:0;width:100%;padding-bottom:33%}}.guide-swatch-block .block-message{display:none}.guide-swatch-block:hover,.guide-swatch-block:active{cursor:pointer}.guide-swatch-block:hover .block-message,.guide-swatch-block:active .block-message{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);padding:10px 20px;background-color:rgba(0,0,0,.2);border-radius:20px;color:#fff;white-space:nowrap}.guide-swatch-meta,.guide-swatch:after{display:block;margin-top:7px}
/*# sourceMappingURL=guide.css.map */