:host {
  @apply block w-72;
}

.option-icon {
  @apply text-ucla-blue mx-auto;
  width: 40px;

  .truck-b2b {
    margin-top: -21px;
    margin-bottom: -12px;
    width: 70px;
  }
}

.option-chip {
  @apply rounded-full text-base px-4 py-3 bg-glitter  text-inactive-customer border-none font-bold;

  &.selected {
    @apply bg-active-customer text-white;
  }
}

.option-description {
  @apply my-2;
}

.option-select {
  @apply mt-4 mb-4 border-2 border-solid border-brand text-brand text-cta-l font-bold bg-white rounded-full py-3 px-6;
}

p {
  @apply my-4;
}

::ng-deep page-purchasing-options-list-modal ui-branch-dropdown .wrapper {
  @apply mx-auto;
  width: 80%;
}
