:root{--box-size: 48px;--wrapper-scale: 2;--box-bg: #444;--box-border: #fff;--box-rotate: 0deg;--box-scale: 1;--box-x: 0;--box-y: 0}.box[data-v-41069c50]{position:relative;width:calc(var(--box-size)*var(--wrapper-scale));height:calc(var(--box-size)*var(--wrapper-scale))}.box-picker-input[data-v-41069c50],label[data-v-41069c50]{position:absolute;width:var(--box-size);height:var(--box-size)}.box-picker-input[data-v-41069c50]{opacity:0}.box-picker-label[data-v-41069c50]{cursor:pointer;padding:4px;color:#fff;font-size:12px;border-radius:calc(var(--box-size)*.18);transition:.3s;background:var(--box-bg);border:1.5px solid var(--box-border);left:var(--box-x);top:var(--box-y);transform:rotate(var(--box-rotate))}.box-picker-input:not(:checked)+.box-picker-label[data-v-41069c50]{--box-rotate: -16deg;--box-x: calc(var(--box-size)*-.48);--box-y: calc(var(--box-size)*-.3)}.box-picker-input:not(:checked)~.box-picker-input:not(:checked)+.box-picker-label[data-v-41069c50]{--box-rotate: 16deg;--box-x: calc(var(--box-size)*.48);--box-y: calc(var(--box-size)*-.3)}.box-picker-input:checked+.box-picker-label[data-v-41069c50]{z-index:1;--box-bg: #39f;--box-scale: 1.2}.box:hover .box-picker-label[data-v-41069c50]{--box-bg: #39f !important;--box-border: #39f !important}.box:hover label[data-v-41069c50]:hover{--box-scale: 1.2 !important}.box:hover .box-picker-input:not(:checked)+.box-picker-label[data-v-41069c50]{--box-rotate: 0deg;--box-x: calc(var(--box-size)*-1.3);--box-y: 0}.box:hover .box-picker-input:not(:checked)~.box-picker-input:not(:checked)+.box-picker-label[data-v-41069c50]{--box-rotate: 0deg;--box-x: calc(var(--box-size)*1.3);--box-y: 0}.box:hover .box-picker-input:checked+.box-picker-label[data-v-41069c50]{--box-scale: 1}