.main--colors .horizontal{overflow-x:auto;overflow-y:hidden}.main--colors .color{align-items:center;display:flex;justify-content:center}.main--colors .ssh-pre .color{display:inline-block}.vertical .color-palette{min-width:250px;flex-grow:1}.horizontal .color-palette{display:flex;flex-direction:row;flex-grow:1;height:100px}.color-palette .color{display:flex}.horizontal .color-palette .color{flex-direction:column;justify-content:center;flex-grow:1}.color-palette .color--top{font-size:2.4em}.color-palette .color--top:not(.white--bg):not(.transparent--bg):not(.inherit--bg){color:#fff}.vertical .color-palette .color--top{height:90px;flex-direction:column;justify-content:center}.horizontal .color-palette .color--top{min-width:220px}.color-palette .color--top span{padding-bottom:4px;letter-spacing:1px}.color-palette .color--top small{font-size:.5em;font-family:monospace;letter-spacing:-1px}.color-palette .color--top.black{text-shadow:none;color:#000}.color-palette .color--top.black--bg{text-shadow:none;color:#fff}.color-palette .color--top.white--bg,.color-palette .color--top.transparent--bg,.color-palette .color--top.inherit--bg{border:1px solid #999}.color-palette .color--shade{font-size:.8em;color:#000000e6;text-shadow:none;flex-direction:row}.vertical .color-palette .color--shade{justify-content:space-between;align-items:center;height:45px;padding-left:8px;padding-right:8px}.horizontal .color-palette .color--shade{min-width:140px}.color-palette .color--shade.color--darker{color:#fff}.color-palette .color--shade span{padding-bottom:2px;font-size:1.2em}.color-palette .color--shade small{font-size:1.1em;font-family:monospace;letter-spacing:-.5px}.mint-green{color:#acebd7}.navy-blue--bg{background-color:#345276}
