.guide-swatch--navy .guide-swatch-block{background-color:#0a2244}.guide-swatch--blue .guide-swatch-block{background-color:#4cbcf6}.guide-swatch--blue-mid .guide-swatch-block{background-color:#a5defb}.guide-swatch--blue-light .guide-swatch-block{background-color:#b3eef9}.guide-swatch--peach .guide-swatch-block{background-color:#ef8667}.guide-swatch--peach-dark .guide-swatch-block{background-color:#d74c32}.guide-swatch--peach-mid .guide-swatch-block{background-color:#f7c3b3}.guide-swatch--peach-light .guide-swatch-block{background-color:#fce6d8}.guide-swatch--green .guide-swatch-block{background-color:#1a6766}.guide-swatch--green-mid .guide-swatch-block{background-color:#7bc7c6}.guide-swatch--green-light .guide-swatch-block{background-color:#bde3e3}.guide-swatch--yellow .guide-swatch-block{background-color:#f8e45e}.guide-swatch--yellow-mid .guide-swatch-block{background-color:#fbf1ae}.guide-swatch--yellow-light .guide-swatch-block{background-color:#fffef4}.guide-swatch--grey .guide-swatch-block{background-color:#f7f7f7}.guide-swatch--grey10 .guide-swatch-block{background-color:#e5e5e5}.guide-swatch--grey30 .guide-swatch-block{background-color:#cececb}.guide-swatch--white .guide-swatch-block{background-color:#fff}.guide-swatch--black .guide-swatch-block{background-color:#151515}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{display:grid;grid-template-columns:repeat(3, 1fr)}}@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}@media screen and (min-width: 700px){.guide-swatches{display:grid;grid-template-columns:repeat(5, minmax(20%, 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 */