.wrapper[data-v-1623ac89]{align-items:center;display:flex;flex-direction:column;gap:30px;padding:57px;width:320px}.title[data-v-1623ac89]{color:#262338;font-size:36px;font-weight:700;line-height:32px;margin:0;text-align:center}.colors[data-v-1623ac89]{align-items:center;display:flex;gap:16px;justify-content:center;width:100%}.colors[data-v-1623ac89] .palette-color:after{box-shadow:15px 20px 50px var(--color)}.color-line[data-v-1623ac89]{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-shrink:1;gap:16px;justify-content:space-between;max-width:100px;width:100%}#override .color-hex[data-v-1623ac89]{padding:0;text-transform:uppercase;width:100%}.controls[data-v-1623ac89]{display:grid;gap:12px;grid-template-columns:1fr 1fr;width:100%}.icon[data-v-1623ac89]{height:auto;width:28px}.code-view[data-v-1623ac89]{border:1px solid #d9dbe9;border-radius:6px;font-family:monospace;font-size:13px;font-style:normal;font-weight:400;line-height:24px;margin:10px;overflow:auto;white-space:nowrap;width:400px}.code-view-padding[data-v-1623ac89]{padding:10px;width:-moz-max-content;width:max-content}.code-view-comment[data-v-1623ac89]{color:#969896;margin:0}.code-view-source[data-v-1623ac89]{color:#6f42c1;margin:0}#override .export-view[data-v-1623ac89]{left:-999999px;position:absolute}@media (max-width:823.98px){.wrapper[data-v-1623ac89]{align-items:normal;margin:0 auto;padding:38px 0 0}.title[data-v-1623ac89]{font-size:32px;font-weight:800;text-align:left}.colors[data-v-1623ac89]{flex-direction:column}.colors[data-v-1623ac89] .palette-color{flex-shrink:0;width:60px}.colors[data-v-1623ac89] .palette-color:after{box-shadow:22px 27px 50px var(--color)}.color-line[data-v-1623ac89]{flex-direction:row-reverse;max-width:none}#override .color-hex[data-v-1623ac89]{padding:10px 15px}.code-view[data-v-1623ac89]{box-sizing:border-box;margin:0 auto;width:100%}}