.guide-swatch--coral .guide-swatch-block{background-color:#fc5d5d}.guide-swatch--coral60 .guide-swatch-block{background-color:#fd9e9e}.guide-swatch--coral20 .guide-swatch-block{background-color:#fecece}.guide-swatch--navy .guide-swatch-block{background-color:#1c285e}.guide-swatch--navy60 .guide-swatch-block{background-color:#777e9e}.guide-swatch--navy20 .guide-swatch-block{background-color:#d2d4df}.guide-swatch--glove-blue .guide-swatch-block{background-color:#c7e9ff}.guide-swatch--glove-blue60 .guide-swatch-block{background-color:#ddf2ff}.guide-swatch--glove-blue20 .guide-swatch-block{background-color:#f4fbff}.guide-swatch--blue-flame .guide-swatch-block{background-color:#0051c2}.guide-swatch--blue-flame60 .guide-swatch-block{background-color:#6697da}.guide-swatch--blue-flame20 .guide-swatch-block{background-color:#ccdcf3}.guide-swatch--uniform-lilac .guide-swatch-block{background-color:#c4c5ff}.guide-swatch--uniform-lilac60 .guide-swatch-block{background-color:#dcdcff}.guide-swatch--uniform-lilac20 .guide-swatch-block{background-color:#f3f3ff}.guide-swatch--twilight .guide-swatch-block{background-color:#3e439c}.guide-swatch--twilight60 .guide-swatch-block{background-color:#8b8ec4}.guide-swatch--twilight20 .guide-swatch-block{background-color:#d8d9eb}.guide-swatch--pink-quartz .guide-swatch-block{background-color:#ffd1e0}.guide-swatch--pink-quartz60 .guide-swatch-block{background-color:#ffe3ec}.guide-swatch--pink-quartz20 .guide-swatch-block{background-color:#fff6f9}.guide-swatch--berry .guide-swatch-block{background-color:#804055}.guide-swatch--berry60 .guide-swatch-block{background-color:#b38c99}.guide-swatch--berry20 .guide-swatch-block{background-color:#e6d9dd}.guide-swatch--sunshine-yellow .guide-swatch-block{background-color:#ffe626}.guide-swatch--sunshine-yellow60 .guide-swatch-block{background-color:#fff07d}.guide-swatch--sunshine-yellow20 .guide-swatch-block{background-color:#fffad4}.guide-swatch--teal .guide-swatch-block{background-color:#0a5766}.guide-swatch--teal60 .guide-swatch-block{background-color:#6c9aa3}.guide-swatch--teal40 .guide-swatch-block{background-color:#9dbcc2}.guide-swatch--teal20 .guide-swatch-block{background-color:#cedde0}.guide-swatch--putty .guide-swatch-block{background-color:#faf4eb}.guide-swatch--putty60 .guide-swatch-block{background-color:#fcf8f3}.guide-swatch--putty20 .guide-swatch-block{background-color:#fefdfb}.guide-swatch--steel .guide-swatch-block{background-color:#c5dce5}.guide-swatch--steel60 .guide-swatch-block{background-color:#dceaef}.guide-swatch--steel20 .guide-swatch-block{background-color:#f3f8fa}@font-face{font-family:Inclusive Sans;src:url(/assets/fonts/inclusive-sans-v4-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:Inclusive Sans;src:url(/assets/fonts/inclusive-sans-v4-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:Archia;src:url(/assets/fonts/Archia-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:Archia;src:url(/assets/fonts/Archia-Bold.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153}.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:#1c285e}.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:#0a5766}.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:#000;width:6px}.guide__navigation::-webkit-scrollbar-thumb{background-color:#1c285e;width:6px}.guide__navigation{scrollbar-width:thin;scrollbar-color:#1c285e #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:#1c285e;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-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(3, minmax(28%, 1fr))}}.guide-swatch{display:block;font-size:13px;line-height:13px;color:#333}@media(prefers-color-scheme: dark){.guide-swatch{color:#f3f8fa}}.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-icon img{width:100px}.guide-icon span{display:block;margin-top:7px;font-size:13px;line-height:13px;color:#333}
/*# sourceMappingURL=guide.css.map */