.Header-module-scss-module__euAe4G__header{background:linear-gradient(90deg,var(--bg-green)0%,var(--bg-green)55%,var(--bg-dim)100%);border-bottom:1.5px solid var(--bg2);display:flex}.Header-module-scss-module__euAe4G__headerBg{background-color:var(--green);clip-path:polygon(0 0,75% 0,calc(75% - 70px) 100%,0 100%);flex-grow:1;justify-content:center;align-items:center;padding:28px 18px;display:flex}.Header-module-scss-module__euAe4G__content{z-index:1;width:100%;max-width:1000px}.Header-module-scss-module__euAe4G__title{font-variation-settings:"wdth" 130,"XTRA" 600;color:var(--bg-dim);font-weight:1000}@media (max-width:600px){.Header-module-scss-module__euAe4G__header{background:0 0}.Header-module-scss-module__euAe4G__headerBg{clip-path:none}}
.Footer-module-scss-module__Af6bUa__root{background-color:var(--bg-dim);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:12px 18px;display:flex}.Footer-module-scss-module__Af6bUa__githubLink{color:var(--fg);font-size:26px;text-decoration:none;display:flex}.Footer-module-scss-module__Af6bUa__githubLink:visited{color:var(--fg)}
.NavBar-module-scss-module__cs_8wW__navBar{z-index:10;background-color:var(--bg-dim);border-bottom:1.5px solid var(--bg2);flex:0 0 50px;min-height:50px;max-height:50px;padding:0 18px;display:flex;position:sticky;top:0}.NavBar-module-scss-module__cs_8wW__content{gap:28px;width:100%;display:flex}.NavBar-module-scss-module__cs_8wW__headingWrap{all:unset;cursor:pointer;align-items:center;display:flex}.NavBar-module-scss-module__cs_8wW__headingWrap.NavBar-module-scss-module__cs_8wW__hidden{display:none}.NavBar-module-scss-module__cs_8wW__heading{font-size:26px;line-height:26px}.NavBar-module-scss-module__cs_8wW__linkList{justify-content:stretch;display:flex}.NavBar-module-scss-module__cs_8wW__linkWrap{all:unset;cursor:pointer;justify-content:stretch;display:flex}.NavBar-module-scss-module__cs_8wW__linkWrap:visited{color:var(--fg)}.NavBar-module-scss-module__cs_8wW__link{justify-content:center;align-items:center;padding:0 12px;transition:box-shadow .2s ease-out;display:flex;box-shadow:inset 0 -4px #0000}.NavBar-module-scss-module__cs_8wW__link:hover{box-shadow:inset 0 -4px 0 0 var(--bg2)}.NavBar-module-scss-module__cs_8wW__link.NavBar-module-scss-module__cs_8wW__active{box-shadow:inset 0 -4px 0 0 var(--green)}.NavBar-module-scss-module__cs_8wW__hamburgerBtn{background-color:#0000;justify-content:center;align-items:center;margin-left:auto;padding:0;font-size:26px;display:none}.NavBar-module-scss-module__cs_8wW__hamburgerBtn:hover{background-color:#0000}@media (max-width:600px){.NavBar-module-scss-module__cs_8wW__hamburgerBtn{display:flex}.NavBar-module-scss-module__cs_8wW__linkList{background-color:var(--bg-dim);border:1.5px solid var(--bg2);border-left:none;border-right:none;flex-direction:column;justify-content:stretch;display:none;position:absolute;top:50px;left:0;right:0}.NavBar-module-scss-module__cs_8wW__linkList.NavBar-module-scss-module__cs_8wW__menuOpen{display:flex}.NavBar-module-scss-module__cs_8wW__link{box-shadow:none;flex:1;justify-content:flex-start;padding:12px 18px;transition-property:background-color}.NavBar-module-scss-module__cs_8wW__link:hover{box-shadow:none;background-color:var(--bg1)}.NavBar-module-scss-module__cs_8wW__link.NavBar-module-scss-module__cs_8wW__active{box-shadow:none;background-color:var(--bg-green)}}
.PageTemplate-module-scss-module__2U8dUG__page{flex-direction:column;min-height:100dvh;display:flex}
.Cards-module-scss-module__YK2t3W__root{background-color:var(--bg-dim);border-bottom:1.5px solid var(--bg2);justify-content:center;padding:0 18px;display:flex}.Cards-module-scss-module__YK2t3W__content{max-width:1150px;display:flex}.Cards-module-scss-module__YK2t3W__cardWrapper{border-left:1.5px solid var(--bg2);flex:1 1 0;display:flex}.Cards-module-scss-module__YK2t3W__cardWrapper:last-child{border-right:1.5px solid var(--bg2)}.Cards-module-scss-module__YK2t3W__cardWrapper{text-decoration:none}.Cards-module-scss-module__YK2t3W__card{color:var(--fg);background-color:var(--bg-dim);flex-direction:column;flex:1;transition:background-color .2s ease-out,color .2s ease-out,border .2s ease-out,outline .2s ease-out,opacity .2s ease-out;display:flex}.Cards-module-scss-module__YK2t3W__card:hover{background-color:var(--bg-green)}.Cards-module-scss-module__YK2t3W__card:hover .Cards-module-scss-module__YK2t3W__cardIcon{background-color:var(--bg-dim)}.Cards-module-scss-module__YK2t3W__cardIcon{background-color:var(--bg0);clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);justify-content:center;align-self:flex-start;align-items:center;padding:16px;font-size:32px;transition:background-color .2s ease-out,color .2s ease-out,border .2s ease-out,outline .2s ease-out,opacity .2s ease-out;display:flex}.Cards-module-scss-module__YK2t3W__cardText{flex-direction:column;flex:1 0 auto;align-items:flex-start;gap:12px;padding:28px;display:flex}.Cards-module-scss-module__YK2t3W__cardLink{color:var(--green);align-items:center;gap:8px;display:flex}.Cards-module-scss-module__YK2t3W__cardLink:hover{text-decoration:underline}.Cards-module-scss-module__YK2t3W__cardLink{margin-top:auto}@media (max-width:820px){.Cards-module-scss-module__YK2t3W__root{padding:0}.Cards-module-scss-module__YK2t3W__content{flex-direction:column;flex:1}.Cards-module-scss-module__YK2t3W__cardWrapper{border:none;border-bottom:1.5px solid var(--bg2);width:100%}.Cards-module-scss-module__YK2t3W__cardWrapper:last-child{border-bottom:none;border-right:none}}
.ColorStrips-module-scss-module__bo7dZq__root{border-bottom:1.5px solid var(--bg2);flex:1;width:calc(100% + 130px);min-height:200px;margin-left:-130px;display:flex;overflow:hidden}.ColorStrips-module-scss-module__bo7dZq__strip{clip-path:polygon(0 0,calc(100% - 130px) 0,100% 100%,130px 100%);flex-direction:column;flex:1;margin-right:-131px;display:flex}.ColorStrips-module-scss-module__bo7dZq__stripInner{flex:1 0 100%}
.Color-module-scss-module__0FYfzG__color{background-color:var(--bg0);justify-content:center;align-items:center;padding:8px 18px;transition:background-color .2s ease-out,color .2s ease-out,border .2s ease-out,outline .2s ease-out,opacity .2s ease-out;display:flex}.Color-module-scss-module__0FYfzG__color:nth-child(2n){background-color:var(--bg1)}.Color-module-scss-module__0FYfzG__color:hover{background-color:var(--bg-green)}.Color-module-scss-module__0FYfzG__content{align-items:center;gap:12px;width:100%;max-width:1000px;display:flex}.Color-module-scss-module__0FYfzG__swatch{border-radius:50%;width:24px;height:24px}.Color-module-scss-module__0FYfzG__title{font-weight:600}.Color-module-scss-module__0FYfzG__copyBtn{align-items:center;gap:12px;margin-left:auto;display:flex}
.Ports-module-scss-module__gjhQAW__ports{border-bottom:1.5px solid var(--bg2);flex-direction:column;display:flex}.Ports-module-scss-module__gjhQAW__item{background-color:var(--bg0);justify-content:center;padding:8px 18px;transition:background-color .2s ease-out,color .2s ease-out,border .2s ease-out,outline .2s ease-out,opacity .2s ease-out;display:flex}.Ports-module-scss-module__gjhQAW__item:nth-child(2n){background-color:var(--bg1)}.Ports-module-scss-module__gjhQAW__item:hover{background-color:var(--bg-green)}.Ports-module-scss-module__gjhQAW__itemContent{color:var(--fg);align-items:center;gap:12px;width:100%;max-width:1000px;display:flex}.Ports-module-scss-module__gjhQAW__itemIcon{background-color:var(--bg-dim);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);justify-content:center;align-items:center;padding:12px;font-size:22px;display:flex}.Ports-module-scss-module__gjhQAW__itemText{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.Ports-module-scss-module__gjhQAW__itemAuthor{color:var(--grey1);text-decoration:none}.Ports-module-scss-module__gjhQAW__itemAuthor:visited{color:var(--grey1)}.Ports-module-scss-module__gjhQAW__itemAuthor:hover{text-decoration:underline}.Ports-module-scss-module__gjhQAW__itemTitle{font-weight:600}.Ports-module-scss-module__gjhQAW__openBtn{align-items:center;gap:12px;margin-left:auto;display:flex}.Ports-module-scss-module__gjhQAW__noResults{background-color:var(--bg0);border-bottom:1.5px solid var(--bg2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;display:flex}.Ports-module-scss-module__gjhQAW__noResultsIcon{color:var(--bg4);font-size:128px}.Ports-module-scss-module__gjhQAW__noResultsText{text-align:center}
.Header-module-scss-module__k0zfVa__root{background-color:var(--bg-dim);border-bottom:1.5px solid var(--bg2);position:relative}.Header-module-scss-module__k0zfVa__titleBox{background-color:var(--bg-dim);flex-direction:column;gap:28px;max-width:calc(60% - 18px);padding:28px 0 28px 18px;display:flex;position:relative}.Header-module-scss-module__k0zfVa__title{font-size:58px}.Header-module-scss-module__k0zfVa__description{flex-direction:column;gap:3px;display:flex}.Header-module-scss-module__k0zfVa__colorStrips{z-index:1;width:40%;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.Header-module-scss-module__k0zfVa__colorStrip{clip-path:polygon(80px 0,100% 0,calc(100% - 80px) 100%,0 100%);flex:1;margin-right:-81px}@media (max-width:980px){.Header-module-scss-module__k0zfVa__colorStrips{display:none}.Header-module-scss-module__k0zfVa__titleBox{max-width:none;padding:28px 18px}}@media (max-width:700px){.Header-module-scss-module__k0zfVa__title{font-size:46px}.Header-module-scss-module__k0zfVa__titleBox{gap:22px}}@media (max-width:600px){.Header-module-scss-module__k0zfVa__title{font-size:38px}}
.Palette-module-scss-module__0yjE8W__paletteColors.Palette-module-scss-module__0yjE8W__collapsed{display:none}.Palette-module-scss-module__0yjE8W__palette{border-bottom:1.5px solid var(--bg2)}.Palette-module-scss-module__0yjE8W__heading{background-color:var(--bg-dim);justify-content:center;padding:18px;display:flex}.Palette-module-scss-module__0yjE8W__headingContent{align-items:center;gap:18px;width:100%;max-width:1000px;display:flex}.Palette-module-scss-module__0yjE8W__headingDropBtn,.Palette-module-scss-module__0yjE8W__headingDropBtn:hover{all:unset;cursor:pointer;justify-content:center;align-items:center;font-size:24px;transition-property:transform;transition-duration:.4s;transition-timing-function:cubic-bezier(.34,1.56,.64,1);display:flex;transform:rotate(0)}.Palette-module-scss-module__0yjE8W__headingDropBtn.Palette-module-scss-module__0yjE8W__collapsed{transform:rotate(180deg)}.Palette-module-scss-module__0yjE8W__palette,.Palette-module-scss-module__0yjE8W__paletteColors{flex-direction:column;display:flex}
.Search-module-scss-module__FGuUnG__root{z-index:5;background-color:var(--bg-dim);border-bottom:1.5px solid var(--bg2);justify-content:center;display:flex;position:sticky;top:50px}.Search-module-scss-module__FGuUnG__content{align-items:center;gap:12px;width:100%;max-width:1000px;padding:0 18px;display:flex}.Search-module-scss-module__FGuUnG__icon{padding:12px 0;font-size:32px}.Search-module-scss-module__FGuUnG__input{flex:1;padding:12px 0 12px 12px;font-size:22px}
.Content-module-scss-module__rHu-oq__root{flex-direction:column;flex:calc(100dvh - 50px);display:flex}
.not-found-module-scss-module__HfxUKG__root{border-bottom:1.5px solid var(--bg2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;display:flex}.not-found-module-scss-module__HfxUKG__icon{color:var(--bg4);font-size:128px}.not-found-module-scss-module__HfxUKG__text{align-items:center;display:flex}.not-found-module-scss-module__HfxUKG__heading{border-right:2px solid var(--bg2);margin-right:14px;padding-right:14px}
.Palettes-module-scss-module__oDXBma__root{flex-direction:column;flex:1;display:flex;overflow:clip visible}.Palettes-module-scss-module__oDXBma__contrastPicker{z-index:5;background-color:var(--bg-dim);border-bottom:1.5px solid var(--bg2);justify-content:center;display:flex;position:sticky;top:50px}.Palettes-module-scss-module__oDXBma__contrastPickerContent{justify-content:center;width:100%;max-width:1000px;display:flex}.Palettes-module-scss-module__oDXBma__contrastBtn{text-align:center;width:100%;font-weight:600;font-family:var(--font-main)}.Palettes-module-scss-module__oDXBma__contrastBtn.Palettes-module-scss-module__oDXBma__active{color:var(--bg-dim);background-color:var(--green)}.Palettes-module-scss-module__oDXBma__contrastBtn:not(:last-child){border-right:1.5px solid var(--bg2)}.Palettes-module-scss-module__oDXBma__paletteCarousel{transition:transform .4s ease-in-out;display:flex;position:relative}.Palettes-module-scss-module__oDXBma__paletteGroup{flex-direction:column;flex:0 0 100%;display:flex}
.Content-module-scss-module__uPkyja__root{flex-direction:column;flex:1;display:flex}