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