.chh{--chh-grad-from:color-mix(in srgb, var(--purple) 65%, var(--brand) 35%);--chh-grad-to:color-mix(in srgb, var(--purple) 78%, black);box-sizing:border-box;color:#fff;min-height:100%;font-family:inherit}.chh__container{flex-direction:column;max-width:1180px;margin:0 auto;padding:24px 24px 36px;display:flex}.chh__title{overflow-wrap:anywhere;margin:0 0 24px;font-size:28px;font-weight:700;line-height:1.2}.chh__hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px;display:flex}.chh__hero .chh__title{margin:0}.chh__grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.chh__grid--duo{grid-template-columns:repeat(2,minmax(0,1fr))}.chh__card{border-radius:var(--r-card);flex-direction:column;gap:16px;min-width:0;min-height:420px;display:flex;position:relative}.chh__banner{border-radius:var(--r-card);background:linear-gradient(180deg, var(--chh-grad-from) 0%, var(--chh-grad-to) 100%);flex:none;justify-content:flex-end;align-items:flex-end;height:100px;display:flex;position:relative;overflow:hidden}.chh__banner.is-clickable{cursor:pointer}.chh__banner.is-clickable:hover,.chh__banner.is-clickable:focus-visible{outline-offset:-2px;outline:2px solid #fff}.chh__bannerimg{pointer-events:none;width:128px;height:128px;display:block;position:absolute;top:-12px;left:0}.chh__bannerart{object-fit:cover;width:100%;height:100%;display:block}.chh__exploreart{width:84px;height:84px;color:var(--ink-85);margin:22px 0 0 18px;display:block}.chh__bannertitle{color:#fff;z-index:1;margin:0 24px 16px;font-size:24px;font-weight:700;line-height:1}.chh__cardbody{border-radius:var(--r-card);border:1px solid var(--line);background:var(--panel);flex-direction:column;flex:auto;padding:8px;display:flex}.chh__cardbody--centered{text-align:center;justify-content:center;align-items:center;gap:28px;padding:28px 24px}.chh__list{flex-direction:column;display:flex}.chh__item{text-align:left;color:#fff;cursor:pointer;width:100%;font:inherit;border-radius:var(--r-control);background:0 0;border:0;align-items:center;gap:12px;padding:14px 12px;text-decoration:none;transition:background .12s;display:flex}.chh__item:hover{background:var(--fill-4)}.chh__itemicon{color:var(--ink-7);flex:none;display:inline-flex}.chh__itemtitle{min-width:0;font-size:15px;font-weight:600}.chh__itemext{color:var(--ink-45);flex:none;margin-left:6px}.chh__item:hover .chh__itemext{color:var(--ink-6)}.chh__itembadge{border-radius:var(--r-pill);letter-spacing:.04em;text-transform:uppercase;color:var(--gold);background:color-mix(in srgb, var(--gold) 16%, transparent);border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);flex-shrink:0;margin-left:6px;padding:2px 7px;font-size:10px;font-weight:700}.chh__item--inert{cursor:default}.chh__item--inert:hover{background:0 0}.chh__item--inert .chh__itemtitle{color:var(--ink-45)}.chh__item--inert .chh__itemicon{color:var(--ink-6)}.chh__cardactions{flex:none}.chh__seeall{box-sizing:border-box;border:1px solid var(--line);cursor:pointer;width:100%;height:44px;font:inherit;color:#fff;background:var(--fill-3);border-radius:var(--r-pill);justify-content:center;align-items:center;padding:0 22px;font-size:14px;font-weight:700;text-decoration:none;transition:background .12s,border-color .12s;display:flex}.chh__seeall:hover{background:var(--fill-4);border-color:#ffffff2e}.chh__outagetext{border:1px solid color-mix(in srgb, var(--error) 35%, transparent);background:color-mix(in srgb, var(--error) 12%, transparent);max-width:30ch;color:color-mix(in srgb, var(--error) 45%, var(--text));border-radius:var(--r-card);text-wrap:pretty;margin:0;padding:12px 16px;font-size:14px;line-height:1.5}.chh__ghostbtn{border:1px solid var(--line);background:var(--fill-2);color:#fff;cursor:pointer;font:inherit;border-radius:var(--r-pill);padding:9px 18px;font-size:14px;font-weight:600;transition:background .12s,border-color .12s}.chh__ghostbtn:hover{background:var(--fill-4);border-color:var(--fill-5)}.chh__loadingtext{color:var(--ink-45);margin:0;font-size:14px;line-height:1.5}@media (width<=1400px){.chh__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.chh__grid,.chh__grid--duo{grid-template-columns:minmax(0,1fr)}.chh__card{min-height:0}}@media (width<=640px){.chh__container{padding:24px 16px 36px}.chh__title{margin-bottom:24px}.chh__grid{gap:18px}}