.form-group[data-v-d52554e0]{margin-top:1rem;margin-bottom:0}.swatch-trigger .row[data-v-d52554e0]{position:relative;max-width:200px;display:flex;flex-wrap:nowrap;align-items:center;user-select:none;cursor:pointer;border-radius:.5rem;padding:.5rem .75rem;border:2px solid var(--low-contrast,#e5e5e5)}.swatch-trigger:hover .swatch-circle[data-v-d52554e0]{transform:scale(1.05)}.swatch-trigger:hover .color-label[data-v-d52554e0]{opacity:1}.label[data-v-d52554e0]{display:block;flex:1}.swatch-circle[data-v-d52554e0]{width:1.5rem;height:1.5rem;margin-right:8px;border-radius:100%}.code[data-v-d52554e0]{font-family:SF Mono,Courier New,Courier,monospace;text-overflow:ellipsis;cursor:pointer}.color-label[data-v-d52554e0]{font-weight:600;opacity:.7}.color-group[data-v-fce028e6]{padding:.5rem 0 1.5rem 0;margin:0 0 0 0;border-bottom:1px solid var(--low-contrast,#e5e5e5)}.color-group[data-v-fce028e6]:last-child{border-bottom:none}.pickers[data-v-fce028e6]{padding-top:0}.meta[data-v-fce028e6]{margin-bottom:0}.bubbles[data-v-fce028e6]{font-size:.3rem;position:absolute;top:0;right:0}.bubbles .bubble[data-v-fce028e6]{margin-right:.2rem;vertical-align:middle;position:relative;top:2px;right:-1px}.color-headline[data-v-fce028e6]{padding-bottom:.25rem;padding-top:1rem;background:var(--background,#fff);display:block;margin-bottom:.25rem}.preview[data-v-2255cd94]{display:flex;overflow:hidden}.preview [data-v-2255cd94]{transition:background-color 1s ease;user-select:none;pointer-events:none}.fake-sidebar[data-v-2255cd94]{width:40px}.fake-content[data-v-2255cd94]{flex:1 1 auto;padding:20px 20px 20px 40px}.fake-side-content[data-v-2255cd94]{flex:1 1 auto;padding:20px}.fake-plus[data-v-2255cd94]{display:block;width:40px;height:40px;line-height:38px;border-radius:50%;vertical-align:middle;text-align:center;font-size:24px;position:relative;top:10px;left:10px;margin-bottom:24px}.fake-item[data-v-2255cd94]{width:14px;height:6px;margin:13px;border-radius:4px}.fake-text[data-v-2255cd94]{background:var(--medium-contrast,#b2b2b2);height:8px;width:100%;margin-bottom:6px;border-radius:4px}.fake-text.fake-headline[data-v-2255cd94]{height:16px;width:50%;margin-bottom:10px}.button-group[data-v-2255cd94]{display:flex;justify-content:flex-end}.fake-button[data-v-2255cd94]{width:50px;height:20px;font-weight:400;font-size:3rem;text-align:center;line-height:12px;vertical-align:middle;margin:4px;border-radius:10px}.card.info .fake-text[data-v-2255cd94],.card.warning .fake-text[data-v-2255cd94]{background:var(--background,#fff);margin-bottom:0}.mobile-preview[data-v-2255cd94]{flex-direction:column-reverse;width:240px;margin:0 auto}.mobile-preview .fake-sidebar[data-v-2255cd94]{width:100%;display:flex;align-items:center;justify-content:space-evenly;height:40px}.mobile-preview .fake-content[data-v-2255cd94]{flex:1 1 auto;padding:20px}.mobile-preview .fake-plus[data-v-2255cd94]{top:0;left:0}.mobile-preview .fake-text[data-v-2255cd94]{height:6px}.mobile-preview .fake-text.fake-headline[data-v-2255cd94]{height:8px;margin-bottom:8px}.mobile-preview .button-group[data-v-2255cd94]{display:flex;justify-content:flex-end}.mobile-preview .fake-button[data-v-2255cd94]{width:50px;height:20px;font-weight:400;font-size:3rem;text-align:center;line-height:12px;vertical-align:middle;margin:4px;border-radius:10px}h3[data-v-242959af]{margin:0;padding-bottom:1rem;border-bottom:2px solid var(--low-contrast,#e5e5e5)}.color-block[data-v-242959af]{margin-top:2.4rem}.box[data-v-242959af]{border:2px solid var(--medium-contrast,#b2b2b2);border-radius:3px}.sticky[data-v-242959af]{position:sticky;top:2rem;perspective:1600px}.logo-container[data-v-242959af]{display:flex;text-align:left;justify-content:flex-start;align-items:flex-start;width:300px;height:40px;margin:20px 0}.logo-container img[data-v-242959af]{max-width:100%;max-height:100%}.sticky-footer[data-v-421c01ae]{position:sticky;width:calc(100% + 2rem);bottom:0;left:-2rem;right:0;padding:.75rem 2rem;margin:0 -2rem;background:var(--background,#fff)}.sticky-footer[data-v-421c01ae] .container{padding-left:0;padding-right:0}.sticky-footer[data-v-421c01ae] .container:before{content:"";position:absolute;width:calc(100% - 3rem);height:0;left:1.5rem;top:-1px;border-top:1px solid var(--lowest-contrast,#f5f5f5)}.swatches[data-v-3313bc4b]{position:relative;max-width:600px;display:flex;flex-wrap:nowrap;align-items:center;user-select:none}.swatches .swatch-tile[data-v-3313bc4b]{width:9rem;height:5rem;padding:.75rem;margin-right:.5rem;border-radius:var(--border-radius);font-weight:600;display:flex;justify-content:flex-start;align-items:flex-start;line-height:1.2}