.guide-swatch--Black .guide-swatch-block{background-color:#414042}.guide-swatch--White .guide-swatch-block{background-color:#fff}.guide-swatch--WarmGrey .guide-swatch-block{background-color:#a39a94}.guide-swatch--SustransGreen .guide-swatch-block{background-color:#c0d631}.guide-swatch--Magenta .guide-swatch-block{background-color:#ad1e54}.guide-swatch--Purple .guide-swatch-block{background-color:#922c6f}.guide-swatch--Fucshia .guide-swatch-block{background-color:#cb3b95}.guide-swatch--Pink .guide-swatch-block{background-color:#e68ebc}.guide-swatch--DarkGreen .guide-swatch-block{background-color:#506e5a}.guide-swatch--Olive .guide-swatch-block{background-color:#668f3d}.guide-swatch--Green .guide-swatch-block{background-color:#33b391}.guide-swatch--Lime .guide-swatch-block{background-color:#c0d631}.guide-swatch--Navy .guide-swatch-block{background-color:#253773}.guide-swatch--Teal .guide-swatch-block{background-color:#009ba7}.guide-swatch--Blue .guide-swatch-block{background-color:#459dd7}.guide-swatch--LightBlue .guide-swatch-block{background-color:#7fd2ea}.guide-swatch--Terracotta .guide-swatch-block{background-color:#cb5528}.guide-swatch--Sunset .guide-swatch-block{background-color:#f47a20}.guide-swatch--Orange .guide-swatch-block{background-color:#f89624}.guide-swatch--Yellow .guide-swatch-block{background-color:#ffcf41}.guide-swatch--MagentaLightened .guide-swatch-block{background-color:#efd2dd}.guide-swatch--PurpleLightened .guide-swatch-block{background-color:#e9d5e2}.guide-swatch--FucshiaLightened .guide-swatch-block{background-color:#f5d8ea}.guide-swatch--PinkLightened .guide-swatch-block{background-color:#f8ddeb}.guide-swatch--DarkGreenLightened .guide-swatch-block{background-color:#dce2de}.guide-swatch--OliveLightened .guide-swatch-block{background-color:#e0e9d8}.guide-swatch--GreenLightened .guide-swatch-block{background-color:#d6f0e9}.guide-swatch--LimeLightened .guide-swatch-block{background-color:#f2f7d6}.guide-swatch--NavyLightened .guide-swatch-block{background-color:#dcdfe9}.guide-swatch--TealLightened .guide-swatch-block{background-color:#ccebed}.guide-swatch--BlueLightened .guide-swatch-block{background-color:#daebf7}.guide-swatch--LightBlueLightened .guide-swatch-block{background-color:#e6f6fb}.guide-swatch--TerracottaLightened .guide-swatch-block{background-color:#f5ddd4}.guide-swatch--SunsetLightened .guide-swatch-block{background-color:#fde4d2}.guide-swatch--OrangeLightened .guide-swatch-block{background-color:#fddfbd}.guide-swatch--YellowLightened .guide-swatch-block{background-color:#fff5d9}.guide-swatch--MagentaLightBG .guide-swatch-block{background-color:#f8ebf0}.guide-swatch--PinkLightBG .guide-swatch-block{background-color:#fcf1f7}.guide-swatch--OliveLightBG .guide-swatch-block{background-color:#e6e7df}.guide-swatch--GreenLightBG .guide-swatch-block{background-color:#e6f2e9}.guide-swatch--LimeLightBG .guide-swatch-block{background-color:#f9f9e4}.guide-swatch--NavyLightBG .guide-swatch-block{background-color:#eeeff4}.guide-swatch--TealLightBG .guide-swatch-block{background-color:#eaf3f1}.guide-swatch--BlueLightBG .guide-swatch-block{background-color:#ebf1f5}.guide-swatch--LightBlueLightBG .guide-swatch-block{background-color:#ebf8fc}.guide-swatch--TerracottaLightBG .guide-swatch-block{background-color:#eee0e5}.guide-swatch--OrangeLightBG .guide-swatch-block{background-color:#feead3}.guide-swatch--YellowLightBG .guide-swatch-block{background-color:#fff1c6}.guide-swatch--LightGreyBG .guide-swatch-block{background-color:#f8f8f8}.guide-swatch--MidGreyBG .guide-swatch-block{background-color:#f5f4f3}.guide-swatch--WarmGrey50 .guide-swatch-block{background-color:#dddad8}.guide-index{padding:4rem 10% 8rem}.guide-index-list{list-style-type:none;margin-bottom:2rem}.guide-index-list li{font-size:18px;margin-bottom:16px;position:relative}.guide-index-list li.complete,.guide-index-list li.doing,.guide-index-list li.review,.guide-index-list li.todo{padding-left:30px}.guide-index-list li:last-child{margin-bottom:4px}.guide-index-list li a{color:blue;border-bottom:1px solid blue}.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.review::before{background-color:#00addc;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}.guide-index-list--cols{display:-ms-grid;display:grid;-ms-grid-columns:1fr 60px 1fr;grid-template-columns:1fr 1fr;gap:60px;width:100%}@media screen and (min-width: 900px){.guide-index-list--cols div{flex-basis:50%;box-sizing:border-box}}.guide-header{background-color:#eee;padding:0 10%;overflow:hidden}.guide-header h1{display:inline-block;font-size:24px;line-height:48px;margin-bottom:0;padding:10px 0}.guide-content a{color:blue;border-bottom:1px solid blue}.guide-menu{float:right;margin-top:0;margin-bottom:0}.guide-menu li{float:left;font-size:18px;display:block}.guide-menu li a{display:block;background-color:#ddd;padding:20px 30px}.guide-menu li a:hover,.guide-menu li a:focus,.active .guide-menu li a{background:#ccc}.guide-menu li.active a{background:#ccc;font-weight:600}@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:-ms-grid;display:grid;grid-row-gap:40px;grid-column-gap:10px}@media screen and (min-width: 700px){.guide-swatches{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(25%, 1fr))[4];grid-template-columns:repeat(4, minmax(25%, 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}pre{white-space:pre-wrap;overflow-x:auto;tab-width:4;font-size:16px;padding:20px;background:#f4f4f4;border:1px solid #ddd}
/*# sourceMappingURL=guide.css.map */