.guide-swatch--teal .guide-swatch-block{background-color:#0f9fa0}.guide-swatch--teal20 .guide-swatch-block{background-color:#d9d9d9}.guide-swatch--blue .guide-swatch-block{background-color:#1d0760}.guide-swatch--blue40 .guide-swatch-block{background-color:#fecece}.guide-swatch--blue20 .guide-swatch-block{background-color:#ebecf3}.guide-swatch--purple .guide-swatch-block{background-color:#4f359d}.guide-swatch--purple20 .guide-swatch-block{background-color:#ceddee}.guide-swatch--pink .guide-swatch-block{background-color:#f83d95}.guide-swatch--pink20 .guide-swatch-block{background-color:#f4fbff}.guide-swatch--cream .guide-swatch-block{background-color:#faf6f1}.guide-swatch--grey .guide-swatch-block{background-color:#404040}.guide-swatch--grey40 .guide-swatch-block{background-color:#b0b0b0}.guide-swatch--grey60 .guide-swatch-block{background-color:#6b7280}.guide-swatch--charcoal .guide-swatch-block{background-color:#1c1b1b}.guide-swatch--white .guide-swatch-block{background-color:#fff}@font-face{font-family:Karla;src:url(/assets/fonts/karla-v33-latin-regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153}@font-face{font-family:Karla;src:url(/assets/fonts/karla-v33-latin-700.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153}@font-face{font-family:"Manrope";font-style:normal;font-weight:800;font-display:swap;src:url("/assets/fonts/manrope-v20-latin-800.woff2") format("woff2")}body{background-color:#fff !important}.guide{display:grid;grid-template-columns:18rem auto;grid-template-rows:auto 1fr;height:100dvh;position:relative}.guide__header{grid-column:1/-1;position:sticky;top:0;z-index:5;display:flex;gap:20px;align-items:center;background-color:#fff;padding:10px 20px;border-bottom:1px solid #ccc;background-color:#eee}.guide__header h1{font-size:24px}.guide__toggle{padding-top:4px;z-index:50;border:0}.guide__toggle svg{width:30px;height:30px;color:#333}.guide__toggle:hover svg,.guide__toggle:focus svg,.guide__toggle:active svg{color:#0f9fa0}.guide__sidebar{grid-row:2;min-height:0;z-index:1;background-color:#eee;border-inline-end:1px solid #ccc;display:flex;flex-direction:column}.guide__sidebar.hide{width:0;overflow:hidden}.guide__credits{margin-block-start:auto;flex-shrink:0;padding:10px;border-top:1px solid #ccc}.guide__credits p{font-size:12px;text-align:center}.guide__credits p a{text-decoration:underline;border-bottom:0}.guide__credits p a:hover,.guide__credits p a:focus,.guide__credits p a:active{color:#1d0760}.guide__credits button{width:100%;padding:4px 12px;display:flex;display:none;gap:6px;align-items:center;justify-content:center;border-radius:4px;border:1px solid #ccc;margin-bottom:5px}.guide__credits button:hover,.guide__credits button:focus,.guide__credits button:active{background-color:#fff}html:not([data-theme=dark]) .icon-light{display:none}html[data-theme=dark] .icon-dark{display:none}.guide__navigation{flex:1;min-height:0;overflow-y:auto;padding:10px}.guide__navigation::-webkit-scrollbar{width:6px;scrollbar-color:#333}.guide__navigation::-webkit-scrollbar-track{background-color:charcoal;width:6px}.guide__navigation::-webkit-scrollbar-thumb{background-color:#0f9fa0;width:6px}.guide__navigation{scrollbar-width:thin;scrollbar-color:#0f9fa0 #282c34}.guide__navigation ul{display:flex;flex-direction:column;gap:4px}.guide__navigation li{list-style:none;font-size:16px;color:#666}.guide__navigation li>span{padding:4px 12px;text-transform:uppercase;letter-spacing:1px;font-size:11px;display:block}.guide__navigation a{border-bottom:0}.guide__navigation a:hover,.guide__navigation a:focus,.guide__navigation a:active{border-bottom:0}.guide__navigation hr{height:1px;border:0;border-top:1px solid #ccc;padding:5px 0 10px;margin:5px 10px 0;display:block}.guide__navigation summary{padding:4px 12px;font-size:16px;font-weight:bold;color:#aaa}.guide__navigation summary:hover,.guide__navigation summary:focus,.guide__navigation summary:active{background-color:#eee;color:#333}.guide__navigation svg{float:right}details[open] .guide__navigation svg{transform:rotate(180deg)}.guide__navigation a{color:#0f9fa0;padding:4px 12px;display:block}.guide__navigation a:hover,.guide__navigation a:focus,.guide__navigation a:active{background-color:#eee;text-decoration:none;color:#333}.guide__content{grid-row:2;min-width:0;overflow-y:auto}.guide__content.full{grid-column:1/3;width:100dvw}.guide-index{padding:4rem 10% 8rem}.guide-index--color{background-color:#fff}.guide-index-list{list-style-type:none;padding:1rem 3rem 1rem 0;margin-bottom:10rem}.guide-index-list li{font-size:16px;margin-bottom:8px;position:relative;padding-left:20px}.guide-index-list li:last-child{margin-bottom:4px}.guide-index-list li::before{position:absolute;width:12px;height:12px;border-radius:20px;display:block;top:7px;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;font-size:13px}.guide-index-list li.label:not(:first-of-type){margin-top:30px}.guide-index-list li a{border-bottom:0}@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-section{border-top:2px solid #ddd;padding:40px;clear:both}.guide-section:first-of-type{border-top:0}.guide-section--grey{background:#e1e1e1}.guide-section--padded{padding-left:200px;padding-right:200px}.guide-title{font-size:22px;line-height:29px;margin-bottom:22px;color:#333;z-index:9999;position:relative}.guide-notes{font-size:16px;margin-bottom:22px;color:#333}.guide-notes p{max-width:700px}.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(3, minmax(28%, 1fr))}}.guide-swatch{display:block;font-size:13px;line-height:13px;color:#333}@media(prefers-color-scheme: dark){.guide-swatch{color:#faf6f1}}.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}.guide-grid{display:grid;grid-template-columns:repeat(5, 1fr);align-items:center;justify-content:center;text-align:center;gap:40px}.guide-grid--3{grid-template-columns:repeat(3, 1fr)}.guide-grid--4{grid-template-columns:repeat(4, 1fr)}.guide-icon img{width:100px}.guide-icon span{display:block;margin-top:7px;font-size:13px;line-height:13px;color:#333}
/*# sourceMappingURL=guide.css.map */