.guide-swatch--teal_90 .guide-swatch-block{background-color:#08555a}.guide-swatch--teal_80 .guide-swatch-block{background-color:#17767c}.guide-swatch--teal_70 .guide-swatch-block{background-color:#2f898e}.guide-swatch--teal_60 .guide-swatch-block{background-color:#47999e}.guide-swatch--teal_50 .guide-swatch-block{background-color:#65b9bf}.guide-swatch--teal_40 .guide-swatch-block{background-color:#81d5db}.guide-swatch--teal_30 .guide-swatch-block{background-color:#b8e3e7}.guide-swatch--teal_20 .guide-swatch-block{background-color:#dcecee}.guide-swatch--teal_10 .guide-swatch-block{background-color:#e9f4f5}.guide-swatch--blue_90 .guide-swatch-block{background-color:#0e4c6c}.guide-swatch--blue_80 .guide-swatch-block{background-color:#015883}.guide-swatch--blue_70 .guide-swatch-block{background-color:#006a9e}.guide-swatch--blue_60 .guide-swatch-block{background-color:#0074ad}.guide-swatch--blue_50 .guide-swatch-block{background-color:#278dc0}.guide-swatch--blue_40 .guide-swatch-block{background-color:#53add9}.guide-swatch--blue_30 .guide-swatch-block{background-color:#abd1e3}.guide-swatch--blue_20 .guide-swatch-block{background-color:#d0e4ee}.guide-swatch--blue_10 .guide-swatch-block{background-color:#edf5f9}.guide-swatch--orange_90 .guide-swatch-block{background-color:#773600}.guide-swatch--orange_80 .guide-swatch-block{background-color:#9c4b08}.guide-swatch--orange_70 .guide-swatch-block{background-color:#b85809}.guide-swatch--orange_60 .guide-swatch-block{background-color:#d76b12}.guide-swatch--orange_50 .guide-swatch-block{background-color:#ed8733}.guide-swatch--orange_40 .guide-swatch-block{background-color:#f89a4d}.guide-swatch--orange_30 .guide-swatch-block{background-color:#f8b783}.guide-swatch--orange_20 .guide-swatch-block{background-color:#ffe5d0}.guide-swatch--orange_10 .guide-swatch-block{background-color:#fff5ec}.guide-swatch--yellow_90 .guide-swatch-block{background-color:#896f42}.guide-swatch--yellow_80 .guide-swatch-block{background-color:#b48e4a}.guide-swatch--yellow_70 .guide-swatch-block{background-color:#dfaa4a}.guide-swatch--yellow_60 .guide-swatch-block{background-color:#fab63a}.guide-swatch--yellow_50 .guide-swatch-block{background-color:#ffcb6d}.guide-swatch--yellow_40 .guide-swatch-block{background-color:#ffd995}.guide-swatch--yellow_30 .guide-swatch-block{background-color:#e2dacb}.guide-swatch--yellow_20 .guide-swatch-block{background-color:#f7eee4}.guide-swatch--yellow_10 .guide-swatch-block{background-color:#fdf8f1}.guide-swatch--pink_90 .guide-swatch-block{background-color:#62043f}.guide-swatch--pink_80 .guide-swatch-block{background-color:#8a105c}.guide-swatch--pink_70 .guide-swatch-block{background-color:#a42273}.guide-swatch--pink_60 .guide-swatch-block{background-color:#c64896}.guide-swatch--pink_50 .guide-swatch-block{background-color:#d875b3}.guide-swatch--pink_40 .guide-swatch-block{background-color:#e8a3ce}.guide-swatch--pink_30 .guide-swatch-block{background-color:#f3c9e3}.guide-swatch--pink_20 .guide-swatch-block{background-color:#f9e2f1}.guide-swatch--pink_10 .guide-swatch-block{background-color:#fbf1f7}.guide-swatch--grey_90 .guide-swatch-block{background-color:#929292}.guide-swatch--grey_80 .guide-swatch-block{background-color:#b0b0b0}.guide-swatch--grey_70 .guide-swatch-block{background-color:#c1c1c1}.guide-swatch--grey_60 .guide-swatch-block{background-color:#dedede}.guide-swatch--grey_50 .guide-swatch-block{background-color:#ececec}.guide-swatch--grey_40 .guide-swatch-block{background-color:#f2f2f2}.guide-swatch--grey_30 .guide-swatch-block{background-color:#f7f7f7}.guide-swatch--grey_20 .guide-swatch-block{background-color:#fbfbfb}@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:-ms-grid;display:grid;-ms-grid-columns:18rem auto;grid-template-columns:18rem auto;-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr;height:100dvh;position:relative;background-color:#fff}.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:#0e4c6c}.guide__sidebar{-ms-grid-row:2;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:#53add9}.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;scrollbar-width:thin;scrollbar-color:#0e4c6c #282c34}.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:#0e4c6c;width:6px}.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:#0e4c6c;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{-ms-grid-row:2;grid-row:2;min-width:0;overflow-y:auto}.guide__content.full{-ms-grid-column:1;-ms-grid-column-span:2;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:9px;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: 750px){.guide-index-list li{font-size:18px;margin-bottom:10px}.guide-index-list li::before{top:11px}}@media screen and (min-width: 900px){.guide-index-list--cols{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];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:-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(10%, 1fr))[9];grid-template-columns:repeat(9, minmax(10%, 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:-ms-grid;display:grid;-ms-grid-columns:1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr;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 */