.file-picker[data-v-eee3f702]{border:3px dashed #bdbdbd;color:#d7d7d7;cursor:pointer;margin:0 0 20px 0;padding:60px 10px;overflow:hidden;position:relative;text-align:center;transition:all .5s ease}.file-picker[data-v-eee3f702]:hover{border-color:#673ab7;color:#8259cb}.file-picker.over[data-v-eee3f702]{border-color:#1976d2;color:#378fe7}.file-picker.invalid[data-v-eee3f702]{border-color:#b71c1c;color:#de2828}.file-picker input[type=file][data-v-eee3f702]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;text-align:right;filter:alpha(opacity=0);opacity:0;outline:none;cursor:inherit;display:block}.data-rep-wrapper[data-v-7a8f6ee2]{width:100%;height:100%;position:relative}.data-rep-wrapper .dot[data-v-7a8f6ee2]{width:16px;height:16px;border-radius:8px;position:absolute;top:50%;left:50%;margin:-8px 0 0 -8px}.data-rep-wrapper .segments[data-v-7a8f6ee2]{--diameter:10px;--radius:calc(0.5*(1 + var(--rel))*var(--diameter)/var(--tan));--size:calc(2*var(--r) + var(--diameter));position:relative;width:var(--size);height:var(--size)}.data-rep-wrapper .segments.two[data-v-7a8f6ee2]{display:flex;justify-content:space-around;width:60%}.data-rep-wrapper .segments:not(.two) .segment[data-v-7a8f6ee2]{position:absolute;top:50%;left:50%;margin:calc(-0.5*var(--diameter));--az:calc(var(--index)*1turn/var(--items));transform:rotate(var(--az)) translate(var(--radius)) rotate(calc(-1*var(--az)))}.data-rep-wrapper .segments .segment[data-v-7a8f6ee2]{width:var(--diameter);height:var(--diameter);border-radius:var(--diameter)}.contrast-results[data-v-3637a58e]{margin-bottom:12px}.inline-text-icons[data-v-3637a58e]{display:flex;align-items:center;gap:8px}.picker .front-color-picker[data-v-6d22d4aa]{border:1px solid rgba(0,0,0,.1);border-radius:4px;display:block;padding:.4rem .8rem}.preview[data-v-5088a6b0]{border:3px solid #f5f5f5;position:relative}.preview .tools[data-v-5088a6b0]{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);opacity:0;transition:all .4s ease-in-out}.preview .tools[data-v-5088a6b0]:hover{opacity:1}.preview .tools .layout[data-v-5088a6b0]{position:absolute;top:0;right:0;bottom:0;left:0}.preview .tools .layout .flex[data-v-5088a6b0]{position:relative}.preview .tools .layout .flex:first-child .tooltip[data-v-5088a6b0]{position:absolute;top:20px;left:0}.preview .tools .layout .flex:nth-child(2) .tooltip[data-v-5088a6b0]{position:absolute;top:20px;left:50%;transform:translate(-50%)}.preview .tools .layout .flex:nth-child(3) .tooltip[data-v-5088a6b0]{position:absolute;top:20px;right:0}.preview h3[data-v-5088a6b0]{background:#eee;padding-left:10px}.preview h3 span[data-v-5088a6b0]{color:#a7a7a7;font-size:1rem;margin-left:8px}.preview h3 span[data-v-5088a6b0]:before{content:"·";margin-right:5px}.preview .logo-preview[data-v-5088a6b0]{background:#fff;display:flex;font-weight:700;text-align:center}.preview .logo-preview .header-title[data-v-5088a6b0]{flex-grow:1}.preview .logo-preview .header-title span[data-v-5088a6b0]{position:relative;top:30%}.preview .logo-preview img[data-v-5088a6b0]{padding:10px;height:100px}.preview .logo-preview img[data-v-5088a6b0]:first-child{float:left}.preview .logo-preview img[data-v-5088a6b0]:nth-child(2){float:right}