.component[data-v-87c03cbe]{flex-direction:column;gap:4px}.component[data-v-87c03cbe],.component .module[data-v-87c03cbe]{align-items:center;display:flex}.component .module[data-v-87c03cbe]{cursor:pointer;border-radius:10px;justify-content:center;width:38px;height:38px;transition:background-color .2s}.component .module i[data-v-87c03cbe]{color:#0000008a;transition:color .2s}.component .module[data-v-87c03cbe]:hover{background-color:var(--ShadedColor)}.component .module:hover i[data-v-87c03cbe]{color:var(--Color)}.component .module.active[data-v-87c03cbe]{box-shadow:0 3px 8px color-mix(in srgb,var(--Color) 35%,transparent);background:var(--Color)!important;background:var(--ColorGradient)!important}.component .module.active i[data-v-87c03cbe]{color:#fff}