[data-v-e863c1c8]:root{--grid-small-mobile:375px;--grid-medium-mobile:480px;--grid-large-mobile:680px;--grid-small-tablet:766px;--grid-large-tablet:960px;--grid-small-desktop:1024px;--grid-medium-desktop:1280px;--grid-large-desktop:1440px}.fade-enter-active[data-v-e863c1c8]{animation:fade-in-e863c1c8 var(--transition-speed)}.fade-leave-active[data-v-e863c1c8]{animation:fade-out-e863c1c8 var(--transition-speed)}@keyframes fade-in-e863c1c8{0%{opacity:0}to{opacity:1}}@keyframes fade-out-e863c1c8{0%{opacity:1}to{opacity:0}}.matrix-customer-picker[data-v-e863c1c8]{position:relative}.matrix-customer-picker .trigger[data-v-e863c1c8]{white-space:nowrap;width:auto;height:4.8rem;color:var(--text-brand-primary);background-color:var(--color-mono-100);transition:border var(--transition-speed) ease-out}@media (hover:hover) and (pointer:fine){.matrix-customer-picker .trigger[data-v-e863c1c8]:hover{border:1px solid var(--border-brand-primary)}}.matrix-customer-picker .trigger[data-v-e863c1c8] svg{fill:var(--background-brand-primary)}.matrix-customer-picker .popover[data-v-e863c1c8]{top:calc(100% + var(--size-3xs));z-index:10;gap:var(--size-2xs);width:36rem;max-height:48rem;padding:var(--size-xs);border:solid 1px var(--border-brand-primary-200);border-radius:var(--corner-2);background:var(--background-primary);box-shadow:0 .8rem 2.4rem rgba(var(--text-brand-primary-rgb),.16);flex-direction:column;display:flex;position:absolute;right:0}.matrix-customer-picker .customers[data-v-e863c1c8]{border-collapse:collapse;font-size:var(--body-m-font-size);line-height:1.4;font-weight:var(--body-m-font-weight);display:block;overflow-y:auto}.matrix-customer-picker .customers tbody[data-v-e863c1c8],.matrix-customer-picker .customers thead[data-v-e863c1c8]{table-layout:fixed;width:100%;display:table}.matrix-customer-picker .customers thead th[data-v-e863c1c8]{padding:var(--size-2xs);background:var(--border-brand-primary-200);color:var(--text-brand-primary);text-align:left;font-size:var(--body-s-font-size);line-height:1;font-weight:var(--body-s-font-weight);font-weight:var(--font-weight-semibold);position:sticky;top:0}.matrix-customer-picker .customers td[data-v-e863c1c8]{padding:var(--size-2xs);border-bottom:solid 1px var(--border-brand-primary-200)}.matrix-customer-picker .customers tbody tr[data-v-e863c1c8]{cursor:pointer}.matrix-customer-picker .customers tbody tr[data-v-e863c1c8]:hover{background:var(--background-brand-primary-5)}.matrix-customer-picker .customers .check[data-v-e863c1c8]{text-align:center;width:4.4rem}.matrix-customer-picker .customers .units[data-v-e863c1c8]{text-align:right;width:7rem;color:var(--text-secondary)}.matrix-customer-picker .customers .name[data-v-e863c1c8]{white-space:nowrap;text-overflow:ellipsis;color:var(--text-brand-primary);overflow:hidden}.matrix-customer-picker .customers .empty td[data-v-e863c1c8]{color:var(--text-secondary);text-align:center}.matrix-customer-picker .customers input[type=checkbox][data-v-e863c1c8]{appearance:none;vertical-align:middle;border:solid 1px var(--border-brand-primary);border-radius:var(--corner-default);background:var(--background-primary) center/1.4rem no-repeat;cursor:pointer;width:2rem;height:2rem;transition:background-color var(--transition-speed) ease;margin:0;display:inline-block}.matrix-customer-picker .customers input[type=checkbox][data-v-e863c1c8]:checked,.matrix-customer-picker .customers input[type=checkbox][data-v-e863c1c8]:indeterminate{border-color:var(--background-brand-primary);background-color:var(--background-brand-primary)}.matrix-customer-picker .customers input[type=checkbox][data-v-e863c1c8]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E")}.matrix-customer-picker .customers input[type=checkbox][data-v-e863c1c8]:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E")}