.direction-container[data-v-17312d18]{border:1px solid #B3C3DB;background-color:#fafcff;border-radius:4px;width:100px;height:100px;margin:10px auto 0;display:grid;grid-gap:4px;grid-template-columns:1fr 1fr 1fr;padding:10px}.direction-container .direction-element[data-v-17312d18]{position:relative;cursor:pointer;width:24px;height:24px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTAiIHk9IjEwIiB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSIjQzJDMkMyIi8+Cjwvc3ZnPgo=)}.direction-container .direction-element:hover:not(.direction-container .direction-element.active)[data-align=flex-start][data-v-17312d18]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC40Ij4KPHJlY3QgeD0iNCIgeT0iMyIgd2lkdGg9IjQiIGhlaWdodD0iMTAiIGZpbGw9IiMzOTY1RkYiLz4KPHJlY3QgeD0iMTAiIHk9IjMiIHdpZHRoPSI0IiBoZWlnaHQ9IjE4IiBmaWxsPSIjMzk2NUZGIi8+CjxyZWN0IHg9IjE2IiB5PSIzIiB3aWR0aD0iNCIgaGVpZ2h0PSI2IiBmaWxsPSIjMzk2NUZGIi8+CjwvZz4KPC9zdmc+Cg==)}.direction-container .direction-element:hover:not(.direction-container .direction-element.active)[data-align=center][data-v-17312d18]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC40Ij4KPHJlY3QgeD0iNCIgeT0iNyIgd2lkdGg9IjQiIGhlaWdodD0iMTAiIGZpbGw9IiMzOTY1RkYiLz4KPHJlY3QgeD0iMTAiIHk9IjMiIHdpZHRoPSI0IiBoZWlnaHQ9IjE4IiBmaWxsPSIjMzk2NUZGIi8+CjxyZWN0IHg9IjE2IiB5PSI5IiB3aWR0aD0iNCIgaGVpZ2h0PSI2IiBmaWxsPSIjMzk2NUZGIi8+CjwvZz4KPC9zdmc+Cg==)}.direction-container .direction-element:hover:not(.direction-container .direction-element.active)[data-align=flex-end][data-v-17312d18]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC40Ij4KPHJlY3QgeD0iNCIgeT0iMTEiIHdpZHRoPSI0IiBoZWlnaHQ9IjEwIiBmaWxsPSIjMzk2NUZGIi8+CjxyZWN0IHg9IjEwIiB5PSIzIiB3aWR0aD0iNCIgaGVpZ2h0PSIxOCIgZmlsbD0iIzM5NjVGRiIvPgo8cmVjdCB4PSIxNiIgeT0iMTUiIHdpZHRoPSI0IiBoZWlnaHQ9IjYiIGZpbGw9IiMzOTY1RkYiLz4KPC9nPgo8L3N2Zz4K)}.direction-container .direction-element.active[data-align=flex-start][data-v-17312d18]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNCIgeT0iMyIgd2lkdGg9IjQiIGhlaWdodD0iMTAiIGZpbGw9IiMzOTY1RkYiLz4KPHJlY3QgeD0iMTAiIHk9IjMiIHdpZHRoPSI0IiBoZWlnaHQ9IjE4IiBmaWxsPSIjMzk2NUZGIi8+CjxyZWN0IHg9IjE2IiB5PSIzIiB3aWR0aD0iNCIgaGVpZ2h0PSI2IiBmaWxsPSIjMzk2NUZGIi8+Cjwvc3ZnPgo=)!important}.direction-container .direction-element.active[data-align=center][data-v-17312d18]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNCIgeT0iNyIgd2lkdGg9IjQiIGhlaWdodD0iMTAiIGZpbGw9IiMzOTY1RkYiLz4KPHJlY3QgeD0iMTAiIHk9IjMiIHdpZHRoPSI0IiBoZWlnaHQ9IjE4IiBmaWxsPSIjMzk2NUZGIi8+CjxyZWN0IHg9IjE2IiB5PSI5IiB3aWR0aD0iNCIgaGVpZ2h0PSI2IiBmaWxsPSIjMzk2NUZGIi8+Cjwvc3ZnPgo=)!important}.direction-container .direction-element.active[data-align=flex-end][data-v-17312d18]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNCIgeT0iMTEiIHdpZHRoPSI0IiBoZWlnaHQ9IjEwIiBmaWxsPSIjMzk2NUZGIi8+CjxyZWN0IHg9IjEwIiB5PSIzIiB3aWR0aD0iNCIgaGVpZ2h0PSIxOCIgZmlsbD0iIzM5NjVGRiIvPgo8cmVjdCB4PSIxNiIgeT0iMTUiIHdpZHRoPSI0IiBoZWlnaHQ9IjYiIGZpbGw9IiMzOTY1RkYiLz4KPC9zdmc+Cg==)!important}