:root{--theme-brand-white:#fff;--theme-brand-red:red;--theme-brand-black:#000;--theme-background-primary:#0f1214;--theme-background-secondary:#1b1f21;--theme-background-tertiary:#272a2e;--theme-text-primary:#e5e5e5;--theme-text-secondary:#989898;--theme-text-tertiary:#656565;--theme-text-inverse:#000;--theme-hover-overlay:#ffffff1a;--theme-border-primary:#656565;--theme-border-secondary:#4c4c4c;--theme-border-tertiary:#323232;--theme-accent-primary:#fff;--theme-accent-disable:#323232;--theme-attention:#e42525;--theme-modal-background:#00000080}[data-theme=light]{--theme-background-primary:#fff;--theme-background-secondary:#f5f5f5;--theme-background-tertiary:#e5e5e5;--theme-text-primary:#000;--theme-text-secondary:#4c4c4c;--theme-text-tertiary:#7e7e7e;--theme-text-inverse:#fff;--theme-hover-overlay:#0000001a;--theme-border-primary:#b2b2b2;--theme-border-secondary:#cbcbcb;--theme-border-tertiary:#e5e5e5;--theme-accent-primary:#000;--theme-accent-disable:#e5e5e5}.color-codes{flex-direction:row;display:flex}.color-codes--has-gap{flex-direction:column;gap:32px}@media (min-width:768px){.color-codes--has-gap{flex-direction:row;gap:24px}.color-codes--has-gap .color-codes__item-bar{border:solid 1px var(--theme-border-tertiary)}}.color-codes__item{flex-direction:column;gap:8px;display:flex}@media (min-width:768px){.color-codes__item{gap:12px}}.color-codes__item-bar{border:solid 1px var(--theme-border-tertiary);height:120px}@media (min-width:768px){.color-codes__item-bar{border:none;height:160px}}.color-codes__item-content{flex-direction:row;gap:12px;padding:0 2px;display:flex}@media (min-width:768px){.color-codes__item-content{flex-direction:column;gap:4px;display:flex}}.color-codes__item-name{flex:1}@media (min-width:768px){.color-codes__item-name{padding-top:8px}}.color-codes__item-meta{flex-direction:column;flex:1;gap:0;font-size:.75rem;display:flex}@media (min-width:1280px){.color-codes__item-meta{font-size:.8125rem}}.color-codes--auto .color-codes__item-content{align-items:center}.color-codes--auto .color-codes__item:last-child .color-codes__item-content{align-items:flex-end}.color-codes--auto .color-codes__item:first-child .color-codes__item-content{align-items:flex-start}