.color-guides{display:flex;flex-direction:column;gap:var(--g-small)}.color-guide{display:flex;flex-direction:column;gap:var(--x-gutter);width:100%;border:var(--border-radius-width-element) solid var(--color-gray-light);padding:var(--y-element-padding);border-radius:var(--border-radius-element)}.color-guide__color{display:block;width:100%;border-radius:var(--border-radius-element);padding:var(--y-element-padding) var(--x-element-padding);display:flex;flex-direction:column;justify-content:center}.color-guide__color__name{margin:0;font-size:var(--copy-large);font-weight:var(--copy-weight-large-bold)}.color-guide__info__items{display:flex;flex-wrap:wrap;margin:0}.color-guide__info__items dd,.color-guide__info__items dt{border-bottom:var(--border-radius-width-element-xsmall) solid var(--color-gray-light);padding:var(--g-xsmall) 0;margin:0}.color-guide__info__items dt{flex:0 0 100px;font-weight:var(--copy-weight-standard-bold)}.color-guide__info__items dt:first-child{padding-top:0}.color-guide__info__items dd{flex:0 0 calc(100% - 100px)}.color-guide__info__items dd:nth-child(2){padding-top:0}@media(min-width:64rem){.color-guide{flex-direction:row}.color-guide__color{max-width:290px}}