.guide-swatch--navy .guide-swatch-block{background-color:#193e72}.guide-swatch--navy80 .guide-swatch-block{background-color:#475989}.guide-swatch--navy60 .guide-swatch-block{background-color:#747ca3}.guide-swatch--navy40 .guide-swatch-block{background-color:#a2a4c1}.guide-swatch--navy20 .guide-swatch-block{background-color:#d0d0e0}.guide-swatch--coral .guide-swatch-block{background-color:#ea5d4e}.guide-swatch--coral80 .guide-swatch-block{background-color:#ec7c72}.guide-swatch--coral60 .guide-swatch-block{background-color:#f29e95}.guide-swatch--coral40 .guide-swatch-block{background-color:#f4bdb8}.guide-swatch--coral20 .guide-swatch-block{background-color:#f8dddb}.guide-swatch--orange .guide-swatch-block{background-color:#f29330}.guide-swatch--orange80 .guide-swatch-block{background-color:#f6ab5d}.guide-swatch--orange60 .guide-swatch-block{background-color:#f9c187}.guide-swatch--orange40 .guide-swatch-block{background-color:#fcd6b0}.guide-swatch--orange20 .guide-swatch-block{background-color:#fdebd8}.guide-swatch--yellow .guide-swatch-block{background-color:#fed47a}.guide-swatch--yellow80 .guide-swatch-block{background-color:#ffdc97}.guide-swatch--yellow60 .guide-swatch-block{background-color:#ffe5b2}.guide-swatch--yellow40 .guide-swatch-block{background-color:#ffeecd}.guide-swatch--yellow20 .guide-swatch-block{background-color:#fff6e6}.guide-swatch--purple .guide-swatch-block{background-color:#6667ad}.guide-swatch--purple80 .guide-swatch-block{background-color:#8482be}.guide-swatch--purple60 .guide-swatch-block{background-color:#a2a0d0}.guide-swatch--purple40 .guide-swatch-block{background-color:#c1bfe1}.guide-swatch--purple20 .guide-swatch-block{background-color:#e0dff1}.guide-swatch--aqua .guide-swatch-block{background-color:#2ea9b0}.guide-swatch--aqua80 .guide-swatch-block{background-color:#6fbac0}.guide-swatch--aqua60 .guide-swatch-block{background-color:#9bcbd0}.guide-swatch--aqua40 .guide-swatch-block{background-color:#c1dde0}.guide-swatch--aqua20 .guide-swatch-block{background-color:#e1eef0}.guide-swatch--green .guide-swatch-block{background-color:#46a86c}.guide-swatch--green80 .guide-swatch-block{background-color:#79b989}.guide-swatch--green60 .guide-swatch-block{background-color:#a1caa6}.guide-swatch--green40 .guide-swatch-block{background-color:#c4ddc5}.guide-swatch--green20 .guide-swatch-block{background-color:#e2eee3}.guide-swatch--grey .guide-swatch-block{background-color:#acbcc3}.guide-swatch--grey80 .guide-swatch-block{background-color:#becad0}.guide-swatch--grey60 .guide-swatch-block{background-color:#ced6db}.guide-swatch--grey40 .guide-swatch-block{background-color:#dfe3e7}.guide-swatch--grey20 .guide-swatch-block{background-color:#eff1f3}@font-face{font-family:Lato;src:url(/assets/fonts/LatoLatin-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:Lato;src:url(/assets/fonts/LatoLatin-Bold.woff2) format("woff2");font-style:normal;font-weight:700;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:#193e72}.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:#46a86c}.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:#193e72;width:6px}.guide__navigation{scrollbar-width:thin;scrollbar-color:#193e72 #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:#193e72;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}.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 */