.field[data-v-5e784be0]{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.field.half[data-v-5e784be0]{width:calc(50% - 8px)}.field.third[data-v-5e784be0]{width:calc(33.33% - 10px)}.field.quarter[data-v-5e784be0]{width:calc(25% - 12px)}.field.blocked .selector .current[data-v-5e784be0]{background:var(--cor-escuro-1);cursor:no-drop}.field label[data-v-5e784be0]{color:var(--cor-escuro-6);display:block;font-family:var(--bold);font-size:var(--f1);letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.field .selector[data-v-5e784be0]{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.field .selector .current[data-v-5e784be0]{align-items:center;background:#0000004d;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;cursor:pointer;display:flex;height:50px;justify-content:flex-start;padding:0 12px 0 14px;transition:all .3s;width:100%}.field .selector .current[data-v-5e784be0]:hover{border-color:var(--cor-vermelho)}.field .selector .current .color[data-v-5e784be0]{border:1px solid hsla(0,0%,100%,.1);border-radius:50%;height:20px;margin:0 10px 0 0;width:20px}.field .selector .current p[data-v-5e784be0]{color:var(--cor-branco);font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--f1);text-transform:uppercase}.field .selector .current .edusites-icone[data-v-5e784be0]{color:var(--cor-escuro-6);margin:0 0 0 auto;min-width:12px;transition:all .3s}.field .selector .panel[data-v-5e784be0]{background:var(--cor-escuro-2);border:1px solid var(--cor-escuro-3);border-radius:14px;display:flex;flex-direction:column;left:0;padding:15px;position:absolute;top:calc(100% + 10px);width:190px;z-index:100}.field .selector .panel .controls[data-v-5e784be0]{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.field .selector .panel .controls .area[data-v-5e784be0]{border-radius:10px;cursor:crosshair;display:flex;height:140px;position:relative;touch-action:none;width:140px}.field .selector .panel .controls .area .white[data-v-5e784be0]{background:linear-gradient(90deg,#fff,transparent);border-radius:10px;bottom:0;display:flex;left:0;position:absolute;right:0;top:0}.field .selector .panel .controls .area .black[data-v-5e784be0]{background:linear-gradient(180deg,transparent,#000);border-radius:10px;bottom:0;display:flex;left:0;position:absolute;right:0;top:0}.field .selector .panel .controls .area .cursor[data-v-5e784be0]{border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000004d,inset 0 0 0 1px #0000004d;display:flex;height:16px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:16px}.field .selector .panel .controls .bar[data-v-5e784be0]{background:linear-gradient(180deg,red 0,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);border-radius:10px;cursor:pointer;display:flex;height:140px;position:relative;touch-action:none;width:20px}.field .selector .panel .controls .bar .cursor[data-v-5e784be0]{background-color:#fff;border:1px solid #333;border-radius:10px;box-shadow:0 1px 4px #0003;display:flex;height:10px;left:-3px;pointer-events:none;position:absolute;transform:translateY(-50%);width:26px}.field .selector .panel .footer[data-v-5e784be0]{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:15px 0 0}.field .selector .panel .footer .preview[data-v-5e784be0]{border:1px solid hsla(0,0%,100%,.1);border-radius:8px;display:flex;height:32px;min-width:32px;width:32px}.field .selector .panel .footer .input[data-v-5e784be0]{align-items:center;background:#0000004d;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;display:flex;height:32px;justify-content:flex-start;padding:0 10px;width:100%}.field .selector .panel .footer .input span[data-v-5e784be0]{color:var(--cor-escuro-6);font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--f1);margin:0 2px 0 0}.field .selector .panel .footer .input input[data-v-5e784be0]{background:transparent;border:none;color:var(--cor-branco);font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--f1);letter-spacing:1px;outline:none;text-transform:uppercase;width:100%}