.flex[data-v-94234550]{display:flex;align-items:center;justify-content:space-between}.color-tile[data-v-94234550]{height:var(--rowHeight);width:100%;background-color:var(--bg);color:var(--color);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.65rem;cursor:var(--cursor);transition:transform .3s}.color-tile[data-v-94234550]:hover{position:relative;z-index:4;transform:var(--hoverScale)}.tile-container[data-v-94234550]{width:var(--colWidth)}.tile-contrast[data-v-94234550]{font-size:.8rem;margin:.25rem 0 0 0}.tile-hex[data-v-94234550]{margin:.25rem 0 0 0}.copiedText[data-v-94234550],.tile-hex[data-v-94234550]{font-size:1rem;font-weight:700}.header[data-v-db48f63e]{display:flex;align-items:center;justify-content:space-between}.padded[data-v-db48f63e]{padding:1rem}.removeFormBtn[data-v-db48f63e]{cursor:pointer;border-radius:50%;background-color:red;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center}.removeFormBtn[data-v-db48f63e]:hover{transform:scale(1.2)}.form[data-v-db48f63e]{width:var(--colWidth);text-align:left}.form-item[data-v-db48f63e]{width:100%;margin:.5rem 0}input[data-v-db48f63e]{padding:.5rem 1rem;border-radius:5px;border:1px solid #161616;color:#161616;background-color:#f4f4f4}.wrapper[data-v-24d83d8f]{display:flex;padding:0 0 0 8vw;margin-bottom:2rem}@media (max-width:599px){.wrapper[data-v-24d83d8f]{padding:0 1rem}}.pickers[data-v-24d83d8f]{display:flex;position:relative}@media (max-width:599px){.pickers[data-v-24d83d8f]{padding:0;overflow:auto}}h2[data-v-24d83d8f]{font-size:1.35rem;margin:0 0 1rem}p[data-v-24d83d8f]{margin:0 auto 1rem;max-width:500px}.labels[data-v-24d83d8f]{width:var(--colWidth);display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;text-align:right;padding:0 1rem 0 0}.labels .label[data-v-24d83d8f]{height:var(--rowHeight);font-size:.8rem;line-height:1rem;padding-top:2.5rem}.addColorPickerBtn[data-v-24d83d8f]{width:var(--colWidth);text-align:center;padding:1rem;background-color:#262626;font-size:.8rem;cursor:pointer}.addColorPickerBtn[data-v-24d83d8f]:hover{background-color:#393939}:root{--colWidth:10vw;--rowHeight:8rem}@media (max-width:599px){:root{--colWidth:80vw}}.color_tiles-column{display:flex;flex-direction:column;width:var(--colWidth)}.color_tiles[data-v-16c4816a]{display:flex;overflow:hidden}@media (max-width:599px){.color_tiles[data-v-16c4816a]{overflow:auto}}.labels[data-v-16c4816a]{display:flex;flex-direction:column;width:8vw}.labels-label[data-v-16c4816a]{font-size:.75rem;height:var(--rowHeight);display:flex;justify-content:center;align-items:center}@media (max-width:599px){.labels-label[data-v-16c4816a]{padding:1.25rem}}#download[data-v-67e20a30]{display:none}button[data-v-67e20a30]{border-radius:5px;border:none;background-color:#ea1c38;color:#f4f4f4;padding:.5rem 1rem;margin:1rem 1rem 1rem 0;transition-duration:.3s;transition-property:background-color,color;cursor:pointer}button[data-v-67e20a30]:hover{background-color:#d2142d}.saveBtn[data-v-67e20a30]{background-color:#27e50f;color:#161616}.saveBtn[data-v-67e20a30]:hover{background-color:#0a6002;color:#f4f4f4}.logo[data-v-0ba37238]{width:6rem;height:6rem;margin:5rem}@media (max-width:599px){.logo[data-v-0ba37238]{display:none}}.container[data-v-0ba37238]{display:flex}.content[data-v-0ba37238]{text-align:left;max-width:50rem;padding:1rem}.container[data-v-12606b5b]{padding:1rem 0 0 0}@media (max-width:599px){.container[data-v-12606b5b]{width:100%;overflow:hidden}}h1[data-v-12606b5b]{margin:0 0 1rem;padding:0 1rem}div[data-v-21ae2ecf]{padding:1rem}a[data-v-21ae2ecf]{font-weight:700;color:red;text-decoration:none}a[data-v-21ae2ecf]:hover{text-decoration:underline}#app{font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#f4f4f4}body,html{background-color:#161616}*{font-family:Poppins,sans-serif;margin:0;padding:0;box-sizing:border-box}