.folder-color-panel[data-v-be0edbb2]{display:flex;align-items:center;justify-content:center}.folder-color-panel .color-wrapper[data-v-be0edbb2]{--color:$primary;border:2px solid transparent;border-radius:50%;margin:0;width:31px;height:31px;padding:2px}.folder-color-panel .color-wrapper .color[data-v-be0edbb2]{border-radius:50%;border:1.5px solid #e7e7e7;width:100%;height:100%;background-color:var(--color);cursor:pointer;box-shadow:0 0 0 var(--color);position:relative;font-size:.8rem}.folder-color-panel .color-wrapper .color[data-v-be0edbb2]:before{content:"";width:90%;height:90%;top:0;left:4%;border-radius:inherit;background-color:inherit;transition:box-shadow .2s ease;box-shadow:0 0 0 var(--color);position:absolute;opacity:0}.folder-color-panel .color-wrapper .color[data-v-be0edbb2]:hover:before{box-shadow:2px 7px 20px var(--color),1px 10px 20px var(--color);opacity:.5}.folder-color-panel .color-wrapper.checked[data-v-be0edbb2],.folder-color-panel .color-wrapper[data-v-be0edbb2]:hover{border:2px solid var(--color)}.folder-color-panel .color-wrapper.transparent[data-v-be0edbb2]{border:2px dashed #aaa}.folder-color-panel .color-wrapper.null[data-v-be0edbb2]{--color:#a93226}.folder-color-panel .color-wrapper.null .color.null[data-v-be0edbb2]{border:2px solid var(--color);overflow:hidden;background-color:transparent}.folder-color-panel .color-wrapper.null .color.null[data-v-be0edbb2]:before{width:120%;height:2px;background-color:var(--color);top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);opacity:1;border-radius:0;box-shadow:none}.folder-color-panel .color-wrapper.null .color.null[data-v-be0edbb2]:hover:before{opacity:1;box-shadow:none}.folder-color-panel .color-wrapper.null.checked[data-v-be0edbb2],.folder-color-panel .color-wrapper.null[data-v-be0edbb2]:hover{border:2px solid #777}