[data-v-114e7839]: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-114e7839]{animation:fade-in-114e7839 var(--transition-speed)}.fade-leave-active[data-v-114e7839]{animation:fade-out-114e7839 var(--transition-speed)}@keyframes fade-in-114e7839{0%{opacity:0}to{opacity:1}}@keyframes fade-out-114e7839{0%{opacity:1}to{opacity:0}}.customers__search[data-v-114e7839]{align-items:center;gap:var(--size-xs);display:flex}.customers__search[data-v-114e7839] .input-wrapper{flex:1;min-width:0}.customers__blocked-toggle[data-v-114e7839]{white-space:nowrap;flex-shrink:0;height:4.8rem}.customers header[data-v-114e7839]{background:var(--background-primary);padding:var(--size-s) var(--size-m) var(--size-xs) var(--size-s);border-bottom:1px solid var(--border-brand-primary-200);position:sticky;top:0;left:0;overflow:hidden}.customers header[data-v-114e7839] .input{border-radius:var(--corner-round);padding:0 var(--size-s)}.customers header .button--filled[data-v-114e7839]{opacity:1;visibility:visible;pointer-events:all;box-sizing:border-box;height:5.6rem;margin:var(--size-s) 0;align-content:center;gap:var(--size-xs);background:var(--background-brand-secondary);width:100%;color:var(--text-inverse);margin-bottom:var(--size-xs);font-weight:600;display:flex}.customers header .button--filled.hide[data-v-114e7839]{opacity:0;visibility:hidden;pointer-events:none;height:0;margin:0;padding:0}.customers header .button--filled[data-v-114e7839]:hover{background-color:var(--color-magenta-900)}.customers header .button--filled[data-v-114e7839]:disabled{background-color:var(--state-disabled-background);color:var(--state-disabled-text);cursor:not-allowed}.customers header .button--filled:disabled svg[data-v-114e7839]{color:var(--state-disabled-text)}.customers header .button--filled[data-v-114e7839]:disabled:hover{background-color:var(--state-disabled-background)}.customers header .button--filled svg[data-v-114e7839]{width:1.6rem;height:1.6rem;color:var(--icon-inverse)}.customers .container[data-v-114e7839]{flex-direction:column;display:flex}.customers .container .customer[data-v-114e7839]{--border-left-width:.4rem;--border-right-width:.4rem;width:100%;color:var(--text-brand-primary);padding:var(--size-s) var(--size-xs) var(--size-s) calc(var(--size-xs) - var(--border-left-width));border-left:var(--border-left-width) solid transparent;border-bottom:1px solid var(--state-disabled-background);transition:background-color var(--transition-speed) ease-out;justify-content:space-between;align-items:center;display:flex}.customers .container .customer[data-v-114e7839]:hover{cursor:pointer;background-color:var(--background-brand-primary-4)}@media (width>=766px){.customers .container .customer[data-v-114e7839]{padding:var(--size-s) var(--size-l) var(--size-s) calc(var(--size-l) - var(--border-right-width));border-right:var(--border-right-width) solid transparent}}.customers .container .customer__content[data-v-114e7839]{grid-template-columns:1fr;display:grid}.customers .container .customer__content span[data-v-114e7839]{transition:-webkit-text-decoration var(--transition-speed) ease-out;transition:text-decoration var(--transition-speed) ease-out;transition:text-decoration var(--transition-speed) ease-out,-webkit-text-decoration var(--transition-speed) ease-out;-webkit-text-decoration:none;text-decoration:none}.customers .container .customer__content span[data-v-114e7839]:hover{text-decoration:underline}.customers .container .customer__check[data-v-114e7839]{color:#0000;border-radius:var(--corner-default);border:1px solid var(--background-brand-primary-3);border:1px solid #5d295f29}.customers .container .customer--blocked[data-v-114e7839]{opacity:.5}.customers .container .customer--selected[data-v-114e7839]{border-radius:var(--corner-2);background-color:var(--background-brand-primary-4);border-right-color:var(--background-brand-secondary);border-bottom-color:#0000;border-left-color:#0000}@media (width>=766px){.customers .container .customer--selected[data-v-114e7839]{border-right-color:#0000;border-left-color:var(--background-brand-secondary);border-radius:0}}.customers .container .customer--selected .customer__check[data-v-114e7839]{color:var(--text-inverse);background-color:var(--background-brand-secondary);border-color:var(--border-brand-secondary)}
