[data-v-ccfa8b0c]: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-ccfa8b0c]{animation:fade-in-ccfa8b0c var(--transition-speed)}.fade-leave-active[data-v-ccfa8b0c]{animation:fade-out-ccfa8b0c var(--transition-speed)}@keyframes fade-in-ccfa8b0c{0%{opacity:0}to{opacity:1}}@keyframes fade-out-ccfa8b0c{0%{opacity:1}to{opacity:0}}.customer-select-btn[data-v-ccfa8b0c]{align-items:center;gap:var(--size-2xs);width:100%;padding:0 var(--size-xs);border:solid 1px var(--border-brand-primary-200);border-radius:var(--corner-2);background-color:var(--background-primary);color:var(--text-brand-primary);font-size:var(--title-m-font-size);line-height:1;font-weight:var(--title-m-font-weight);cursor:pointer;transition:border-color var(--transition-speed) ease-out;flex-shrink:0;grid-template-columns:auto 1fr auto;height:5.4rem;display:grid}@media (hover:hover) and (pointer:fine){.customer-select-btn[data-v-ccfa8b0c]:hover{border-color:var(--border-brand-primary)}}@media (width>=1024px){.customer-select-btn[data-v-ccfa8b0c]{width:auto;height:4.8rem}}.customer-select-btn__label[data-v-ccfa8b0c]{text-overflow:ellipsis;white-space:nowrap;text-align:left;overflow:hidden}