:host {
  @apply block;
}

.fancy-checkbox {
  @apply relative appearance-none w-8 h-8;
}

.fancy-checkbox::before {
  @apply absolute;
  @apply block;
  @apply rounded-full;
  @apply bg-[#AEB7C1];
  @apply cursor-pointer;
  @apply transition-all;
  @apply duration-200;
  @apply ease-in-out;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fancy-checkbox:hover::before {
  @apply bg-[#778490];
}

.fancy-checkbox:checked::before {
  @apply bg-[#596470];
}

.fancy-checkbox::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/'%3E%3Cpath fill='white' d='M21.432,3.715C21.432,3.715 21.432,3.715 21.432,3.715C21.115,3.76 20.823,3.911 20.604,4.143C16.03,8.727 12.603,12.511 8.244,16.932C8.244,16.932 3.297,12.754 3.297,12.754C2.909,12.424 2.374,12.327 1.895,12.499C1.895,12.499 1.895,12.499 1.895,12.499C1.415,12.672 1.065,13.088 0.975,13.589C0.885,14.091 1.072,14.602 1.463,14.929L7.415,19.966C7.981,20.441 8.818,20.403 9.338,19.877C14.251,14.954 17.761,11.007 22.616,6.141C23.057,5.714 23.172,5.051 22.903,4.499C22.903,4.499 22.903,4.499 22.903,4.499C22.633,3.948 22.04,3.631 21.432,3.715Z'/%3E%3C/svg%3E%0A");
  @apply absolute;
  top: 0.4rem;
  left: 0.4rem;
  bottom: 0.4rem;
  right: 0.4rem;
  @apply cursor-pointer opacity-0;
  @apply transition-all;
  @apply duration-200;
  @apply ease-in-out;
}

.fancy-checkbox:checked::after {
  @apply opacity-100;
}

.shared-purchase-options-list-item__availability shared-icon {
  @apply bg-[#D8DFE5] w-7 h-7 rounded rounded-br-none grid items-center justify-center;
}

.shared-purchase-options-list-item__availability shared-icon.tooltip-active {
  @apply bg-[#596470] text-white;
}

::ng-deep shared-purchase-options-list-item ui-select .ui-input-wrapper {
  @apply h-full;
}

::ng-deep shared-purchase-options-list-item ui-select .ui-select-toggle {
  @apply ml-2;
}
