@tailwind base;
@tailwind components;
@tailwind utilities;

* {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: transparent;
}
@keyframes sparkle {
  0% { opacity: 0 }
  39% { opacity: 0 }
  50% { opacity: 100 }
  88% { opacity: 100 }
  100% {  opacity: 0 }
}
@keyframes fadeIn {
  0% { opacity: 0 }
  100% {  opacity: 100 }
}

@keyframes uncategorizedTransactionExit {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(-100%);
    height: 2.75rem;
  }
  100% {
    height: 0rem;
    transform: translateX(-100%);
    border-bottom-width: 0px;
  }
}
@keyframes uncategorizedTransactionUndo {
  0% {
    height: 0rem;
    border-bottom-width: 0px;
    opacity: 0;
  }
  50% {
    opacity: 0.25;
    height: 2.75rem;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hotkeyTooltipEnter {
  0% {
    opacity: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
  }
  75% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
    transform: translate(var(--tw-translate-x), calc(var(--tw-translate-y) + (0.9rem * var(--tw-translate-modifier, 1))))
  }
}
@keyframes hotkeyTooltipLeave {
  0% {
    opacity: 1;
    transform: translate(var(--tw-translate-x), calc(var(--tw-translate-y) + (0.9rem * var(--tw-translate-modifier, 1))))
  }
  25% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
  }
}
ninja-keys {
  --ninja-accent-color: #2679F3;
}
@keyframes actionNotificationEnter {
  0% {
    opacity: 0;
    margin-top: -2.75rem;
    margin-bottom: 0rem;
    transform: translateY(150%);
  }

  33% {
    margin-top: -2.75rem;
  }

  100% {
    opacity: 1;
    margin-top: 0rem;
    margin-bottom: 0.5rem;
    transform: translateY(0%);
  }
}
@keyframes actionNotificationExit {
  0% {
    opacity: 1;
    margin-top: 0rem;
    margin-bottom: 0.5rem;
  }
  50% {
    opacity: 0;
    margin-top: 0rem;
    margin-bottom: 0.5rem;
  }
  100% {
    opacity: 0;
    margin-bottom: 0rem;
    margin-top: -2.75rem;
  }
}

.connected {
  .modal-bg-blur {
    filter: blur(2px);
  }
}
.modal-bg-blur {
  filter: blur(1px);
  background: #00000000;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(20px);
  z-index: 100;
  mask-image: linear-gradient(to top, #000000 60%, transparent 100%);
  -webkit-mask-image: linear-gradient(to top, #000000 60%, transparent 100%);
}


.action-notification {
  margin-bottom: 0.5rem;
}
.action-notification.in {
  animation: actionNotificationEnter 300ms forwards;
  animation-timing-function: linear;
}
.action-notification.out {
  animation: actionNotificationExit 500ms forwards;
  animation-timing-function: linear;
}
.undo-row {
  animation: uncategorizedTransactionUndo 500ms forwards;
  @apply pointer-events-auto;
}
.remove-row {
  animation: uncategorizedTransactionExit 500ms forwards;
  @apply pointer-events-none;
}
.hotkey-tooltip {
  pointer-events: none;
  animation: hotkeyTooltipEnter 200ms forwards;
}
.hotkey-tooltip.leave {
  pointer-events: none;
  animation: hotkeyTooltipLeave 200ms forwards;
}
.sparkle-1 {
  animation: sparkle 2600ms infinite;
  animation-delay: 0ms;
  opacity: 0;
}
.sparkle-2 {
  animation: sparkle 2600ms infinite;
  animation-delay: 150ms;
  opacity: 0;
}
.sparkle-3 {
  animation: sparkle 2600ms infinite;
  animation-delay: 300ms;
  opacity: 0;
}
.fade-in {
  animation: fadeIn 300ms forwards;
  animation-delay: 1000ms;
  opacity: 0;
}
.common-shares:has(input[type="checkbox"]:checked) + .preferred-shares:has(input[type="checkbox"]:checked) + .total-row {
  display: grid;
}
.edit_taxes_irs1099_required_vendor:has(input[type='radio'][value='request_w9']:checked) {
  #email-vendor {
    display: block !important;
  }
}
.edit_taxes_irs1099_required_vendor:has(input[type='radio'][value='upload_w9']:checked) {
  #upload-vendor-w9 {
    display: block !important;
  }
}
.founder-irs-amount:has(input[type='radio'][value="true"]:checked) {
  .founder-irs-field-container {
    display: block !important;
  }
}
div.row:has(div.remove-row) {
  @apply border-b-0;
}

.row:has(div.row-content.remove-row) {
  @apply overflow-x-hidden;
}

.hdpi.pac-logo:after {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23707070' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 116 15' aria-label='Powered by Google' class='Llh19'%3E%3Cpath d='M4.025 3.572c1.612 0 2.655 1.283 2.655 3.27 0 1.974-1.05 3.27-2.655 3.27-.902 0-1.63-.393-1.974-1.06h-.09v3.057H.95V3.68h.96v1.054h.094c.404-.726 1.16-1.166 2.02-1.166zm-.24 5.63c1.16 0 1.852-.884 1.852-2.36 0-1.477-.692-2.362-1.846-2.362-1.14 0-1.86.91-1.86 2.362 0 1.447.72 2.36 1.858 2.36zm7.072.91c-1.798 0-2.912-1.243-2.912-3.27 0-2.033 1.114-3.27 2.912-3.27 1.8 0 2.913 1.237 2.913 3.27 0 2.027-1.114 3.27-2.913 3.27m0-.91c1.196 0 1.87-.866 1.87-2.36 0-1.5-.674-2.362-1.87-2.362-1.195 0-1.87.862-1.87 2.362 0 1.494.675 2.36 1.87 2.36m12.206-5.518H22.05l-1.244 5.05h-.094L19.3 3.684h-.966l-1.412 5.05h-.094l-1.242-5.05h-1.02L16.336 10h1.02l1.406-4.887h.093L20.268 10h1.025zm3.632.78c-1.008 0-1.71.737-1.787 1.856h3.48c-.023-1.12-.69-1.857-1.693-1.857zm1.664 3.9h1.004c-.305 1.085-1.277 1.747-2.66 1.747-1.752 0-2.848-1.26-2.848-3.26 0-1.986 1.113-3.275 2.847-3.275 1.705 0 2.742 1.213 2.742 3.176v.387h-4.542v.047c.053 1.248.75 2.04 1.822 2.04.815 0 1.366-.3 1.63-.857zM31.03 10h1.01V6.086c0-.89.696-1.535 1.657-1.535.2 0 .563.04.645.06V3.6c-.13-.018-.34-.03-.504-.03-.838 0-1.565.434-1.752 1.05h-.094v-.938h-.96V10zm6.915-5.537c-1.008 0-1.71.738-1.787 1.857h3.48c-.023-1.12-.69-1.857-1.693-1.857m1.664 3.902h1.004c-.304 1.084-1.277 1.746-2.66 1.746-1.752 0-2.848-1.26-2.848-3.26 0-1.986 1.113-3.275 2.847-3.275 1.705 0 2.742 1.213 2.742 3.176v.387h-4.542v.047c.053 1.248.75 2.04 1.822 2.04.815 0 1.366-.3 1.63-.857zm5.01 1.746c-1.62 0-2.658-1.28-2.658-3.265 0-1.98 1.05-3.27 2.654-3.27.878 0 1.622.416 1.98 1.108h.087V1.177h1.008V10h-.96V8.992h-.093c-.4.703-1.15 1.12-2.02 1.12zm.23-5.63c-1.15 0-1.845.89-1.845 2.365s.69 2.36 1.846 2.36c1.15 0 1.858-.9 1.858-2.36 0-1.447-.715-2.362-1.857-2.362zm7.876-3.114h1.024V4.49q.346-.45.827-.69.48-.239 1.043-.237 1.172.001 1.9.806c.49.536.73 1.33.73 2.375q0 1.489-.72 2.473t-1.997.984q-.715 0-1.207-.344-.293-.206-.627-.657v.8h-.97V1.364zm4.02 7.225q.426-.679.426-1.793 0-.99-.425-1.64t-1.25-.65q-.719 0-1.264.532-.541.532-.542 1.757.001.885.224 1.435.416 1.04 1.553 1.04.856 0 1.28-.68zM63.4 3.727h1.167q-.222.603-.99 2.754a145 145 0 0 1-.96 2.635q-.915 2.402-1.29 2.93-.375.526-1.29.527-.221 0-.342-.017a3 3 0 0 1-.296-.065v-.96q.273.074.4.093.119.018.214.018.292 0 .43-.093a.9.9 0 0 0 .232-.237q.03-.05.21-.48.183-.436.264-.646l-2.32-6.457h1.196l1.68 5.11 1.694-5.11zm10.594 1.556V6.87h3.814c-.117.89-.416 1.54-.87 1.998-.557.555-1.427 1.16-2.944 1.16-2.35 0-4.184-1.882-4.184-4.217 0-2.33 1.835-4.214 4.184-4.214a4.07 4.07 0 0 1 2.873 1.135l1.122-1.116C77.04.697 75.77 0 73.99 0c-3.218 0-5.923 2.606-5.923 5.805 0 3.2 2.705 5.804 5.923 5.804 1.738 0 3.048-.57 4.073-1.63 1.05-1.044 1.382-2.52 1.382-3.71 0-.365-.028-.707-.087-.99h-5.37zm10.222-1.29c-2.082 0-3.78 1.574-3.78 3.748 0 2.154 1.698 3.747 3.78 3.747S87.998 9.9 87.998 7.74c0-2.174-1.7-3.748-3.782-3.748zm0 6.018c-1.14 0-2.127-.935-2.127-2.27 0-1.348.982-2.27 2.123-2.27s2.128.922 2.128 2.27c0 1.335-.985 2.27-2.127 2.27zm18.54-5.18h-.06c-.37-.438-1.083-.838-1.985-.838-1.88 0-3.52 1.632-3.52 3.748 0 2.102 1.64 3.747 3.52 3.747.906 0 1.62-.4 1.99-.852h.06v.523c0 1.432-.774 2.2-2.013 2.2-1.012 0-1.64-.723-1.9-1.336l-1.44.593c.414.994 1.51 2.213 3.34 2.213 1.94 0 3.58-1.135 3.58-3.902v-6.74h-1.57v.645zm-1.9 5.18c-1.144 0-2.013-.968-2.013-2.27 0-1.323.87-2.27 2.01-2.27 1.13 0 2.012.967 2.012 2.282.006 1.31-.882 2.258-2.01 2.258zM92.65 3.992c-2.084 0-3.783 1.574-3.783 3.748 0 2.154 1.7 3.747 3.782 3.747 2.08 0 3.78-1.587 3.78-3.747 0-2.174-1.7-3.748-3.78-3.748zm0 6.018c-1.143 0-2.13-.935-2.13-2.27 0-1.348.987-2.27 2.13-2.27 1.14 0 2.126.922 2.126 2.27 0 1.335-.986 2.27-2.127 2.27zM105.622.155h1.628v11.332h-1.628m6.655-1.477c-.843 0-1.44-.38-1.83-1.135l5.04-2.07-.168-.426c-.315-.84-1.275-2.39-3.228-2.39-1.94 0-3.554 1.515-3.554 3.75 0 2.1 1.595 3.744 3.736 3.744 1.725 0 2.724-1.05 3.14-1.658l-1.285-.852c-.428.62-1.01 1.032-1.855 1.032zm-.117-4.612c.668 0 1.24.342 1.427.826l-3.405 1.4c0-1.574 1.122-2.226 1.978-2.226'%3E%3C/path%3E%3C/svg%3E");
}

@layer base {
  .category-keyboard-key {
    @apply h-[1.625rem] px-[0.62rem] py-[0.56rem] leading-3 bg-white rounded font-medium shadow-keyboard-item hover:bg-[#ECF2FF] hover:text-primary-action cursor-pointer active:bg-primary-action active:text-white;
  }
  .category-keyboard-key:active {
    @apply bg-primary-action text-white;
  }
  .transaction-date-label {
    @apply text-right text-[0.75rem] leading-[1.25rem] text-[#141414] [font-variant-numeric:lining-nums_tabular-nums] [font-feature-settings:'cv02'_on] font-normal;
  }
  .hdpi.pac-logo:after {
    @apply grayscale;
  }
  .tax-onboarding-nav-item {
    @apply selected:text-primary-action selected:hover:text-primary-action-hover text-sm rounded transition-colors font-medium pl-1.5 pr-3 flex items-center justify-start gap-x-2.5 text-muted;
  }
  * {
    @apply antialiased;
  }
  body {
    font-synthesis-weight: none;
    text-rendering: optimizeLegibility;
    counter-reset: payroll-counter;
  }
  .accordion-item.has-error {
    .accordion-error-text {
      @apply !text-red-error;
    }
  }
  *[tooltip]:before {
    content: attr(tooltip);
    z-index: 200;
  }
  *[tooltip]:hover:before {
    content: attr(tooltip);
    z-index: 200;
  }
  .styled-radio-container {
    @apply flex items-center gap-x-2;
  }
  .styled-radio-input {
    @apply border border-border-primary;
  }
  .radio-item {
    @apply error:border-red-error flex items-center gap-x-2  px-4 py-2 border border-border-primary rounded-md text-primary-p text-sm;
  }
  .radio-item:has(input[type='radio']:checked) {
    @apply bg-input-selected border-primary-action text-primary-header;
  }

  .stakeholder[tooltip]:before {
    counter-increment: tooltip-counter;
    z-index: calc(9999-counter(tooltip-counter)*10); /* Decrement z-index */
  }
  .centered-tt[tooltip]:before {
    text-wrap: wrap;
  }
  .counter::before {
    counter-increment: payroll-counter;
    content: counter(payroll-counter)
  }
  button.submitting:before {
    content: url('data:image/svg+xml,<svg class="animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="#2679F3" stroke-width="4"></circle><path class="opacity-75" fill="#D9D9D9" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg>');
  }
}

.button {
  @apply px-2 py-[0.31rem] shadow-input rounded-md font-medium text-sm;
}
.button__primary {
  background: linear-gradient(180deg, #4F96FF 0%, #1B76FC 83.65%);
  @apply shadow-primary-button relative isolate inline-flex items-center justify-center overflow-hidden text-left font-medium transition duration-300 rounded-md text-sm h-[1.875rem] px-3 text-white border-primary-action before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:rounded-md before:bg-gradient-to-b before:from-white/20 before:opacity-50 hover:before:opacity-100 after:pointer-events-none after:absolute after:inset-0 after:-z-10 after:rounded-md after:bg-gradient-to-b after:from-white/10 after:from-[0%] after:to-[0%] after:mix-blend-overlay before:duration-300 before:transition-opacity;
  &:hover {
    background: linear-gradient(0deg, rgba(20, 20, 20, 0.20) 0%, rgba(20, 20, 20, 0.20) 100%), linear-gradient(180deg, #4F96FF 0%, #1B76FC 83.65%);;

  }
}
.button__secondary {
  &:hover {
    @apply bg-[#F0F0F0]
  }
}

.opacity-15  {
  opacity: 0.15;
}

@layer components {
  .payroll-software-grant {
    @apply body-default-bold text-primary-action hover:text-primary-action-hover flex items-center justify-center text-center py-1 px-1;
  }

  .pac-item {
    @apply px-2 rounded-md border-t-0 hover:bg-secondary-background;
  }
  .pac-item > .pac-item-query {
    @apply body-default text-primary-p;
  }
  .pac-item > span {
    @apply body-small;
  }

  .pac-icon.pac-icon-marker {
    @apply hidden;
  }
  .pac-item.pac-item-selected {
    @apply bg-secondary-background;
  }
  .pac-container {
    @apply p-1;
  }

  .floating-label-input {
    @apply error:border-error-border mt-1 appearance-none border border-border-input rounded-lg w-full py-2 px-3 bg-white focus:outline-none focus:ring-0 focus:border-primary-action text-primary-header leading-6 transition-colors duration-200 ease-in-out bg-primary-input !mt-0 h-14 pt-7;
  }
  .floating-label-label {
    @apply absolute px-3 top-1/2 -translate-y-full pointer-events-none font-normal text-xs leading-body-default transition-all peer-data-[styled-select-selection-value='']/styled-select:-translate-y-1/2 peer-data-[styled-select-selection-value='']/styled-select:text-base peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:text-base group-focus-within/hover-label:!-translate-y-full group-focus-within/hover-label:!text-xs group-focus-within/hover-label:!leading-body-default text-primary-tertiary;
  }
  .floating-label-label-sm {
    @apply absolute px-3 top-1/2 -translate-y-full pointer-events-none font-normal text-xs leading-body-default transition-all peer-data-[styled-select-selection-value='']/styled-select:-translate-y-1/2 peer-data-[styled-select-selection-value='']/styled-select:text-sm peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:text-sm group-focus-within/hover-label:!-translate-y-full group-focus-within/hover-label:!text-xs group-focus-within/hover-label:!leading-body-default text-primary-tertiary;
  }
  .outline-solid {
    outline-style: solid;
  }
  .shareholder-table-grid {
    @apply grid-cols-[9.375rem_10.5rem_8.5rem_7.5rem_6rem_7.5rem_2rem];
  }
  .data-table-cell-content:before {
    @apply text-sm text-primary-disabled pointer-events-none;
  }
  p.error-message.with-icon:before {
    content: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.48408 1.75195C6.15754 0.584636 7.84228 0.584636 8.51573 1.75195L12.8058 9.18799C13.4788 10.3547 12.6368 11.8125 11.2899 11.8125H2.70988C1.36298 11.8125 0.520983 10.3547 1.19406 9.18799L5.48408 1.75195ZM7.00003 4.81247C7.24166 4.81247 7.43753 5.00835 7.43753 5.24997V7.43747C7.43753 7.67909 7.24166 7.87497 7.00003 7.87497C6.75841 7.87497 6.56253 7.67909 6.56253 7.43747V5.24997C6.56253 5.00835 6.75841 4.81247 7.00003 4.81247ZM7.00003 9.62497C7.24166 9.62497 7.43753 9.42909 7.43753 9.18747C7.43753 8.94585 7.24166 8.74997 7.00003 8.74997C6.75841 8.74997 6.56253 8.94585 6.56253 9.18747C6.56253 9.42909 6.75841 9.62497 7.00003 9.62497Z' fill='#D9175B'/%3E%3C/svg%3E%0A");
    @apply flex items-center justify-center text-red-error leading-3;
  }
  .payroll-table:nth-child(8) > .payroll-name > div[contenteditable]:empty:before {
    content: 'Brian Chesky';
    @apply text-sm text-primary-disabled pointer-events-none;
  }
  .payroll-table:nth-child(8) > .payroll-role > div[contenteditable]:empty:before {
    content: 'Product';
    @apply text-sm text-primary-disabled pointer-events-none;
  }
  .payroll-table:nth-child(8) > .payroll-type > div[contenteditable]:empty:before {
    content: 'Salary';
    @apply text-sm text-primary-disabled pointer-events-none;
  }
  .payroll-table:nth-child(8) > .payroll-location > div[contenteditable]:empty:before {
    content: 'US - California';
    @apply text-sm text-primary-disabled pointer-events-none;
  }

  .payroll-table:nth-child(8) > .payroll-comp {
    div.comp-amount-input[contenteditable]:empty:before {
      content: '$100,000';
      @apply text-right text-sm text-primary-disabled pointer-events-none;
    }
  }
  .payroll-table > .payroll-comp {
    div.comp-amount-input[contenteditable]:empty:focus-within:before {
      content: '100,000';
      @apply text-right text-sm text-primary-disabled pointer-events-none;
    }
  }
  .payroll-table:nth-child(8) > .payroll-comp > div.comp-currency-input[contenteditable]:empty:before {
    content: 'USD';
    @apply text-xs text-primary-disabled pointer-events-none;
  }

  .payroll-table:nth-child(8) > .payroll-rdp {
    div[contenteditable]:empty:before {
      content: '80%';
      @apply text-right text-sm text-primary-disabled pointer-events-none;
    }
  }
  .payroll-table > .payroll-rdp {
    div[contenteditable]:empty:focus-within:before {
      content: '80';
      @apply text-right text-sm text-primary-disabled pointer-events-none;
    }
  }

  .body-xs {
    @apply text-[0.6875rem] text-primary-p leading-4 tracking-sm;
  }

  .body-small {
    @apply text-xs text-primary-p leading-body-default tracking-sm leading-4;
  }

  .body-small-bold {
    @apply font-medium text-xs text-primary-p leading-body-default tracking-sm;
  }

  .body-default {
    @apply text-sm text-primary-p leading-body-default tracking-sm;
  }

  .body-default-bold {
    @apply font-medium text-sm text-primary-p leading-body-default tracking-sm;
  }

  .header-sm {
    @apply text-base text-primary-header tracking-sm leading-6 font-medium;
  }

  .header-default {
    @apply text-xl text-primary-header tracking-sm leading-7 font-medium;
  }

  .header-lg {
    @apply text-2xl text-primary-header tracking-sm leading-8 font-medium;
  }

  .header-xl {
    @apply text-3xl text-primary-header tracking-sm leading-9 font-medium;
  }

  .tt-container {
    @apply relative;
  }

  .tt {
    text-wrap: wrap;
    @apply pointer-events-none z-[100] absolute left-1/2 -translate-x-1/2 bottom-full mb-2 max-w-[24rem] w-max px-3 py-1 bg-primary-p tracking-wide  text-white text-xs rounded-md opacity-0 transition-opacity group-hover/tt:opacity-100 leading-tt;
  }

  input[type="checkbox"]:checked, input[type="checkbox"]:checked:hover, input[type="checkbox"]:checked:focus  {
    background: linear-gradient(180deg, #4F96FF 0%, #1B76FC 83.65%), #2679F3;
    @apply border-primary-action relative;
  }
  input[type="checkbox"]:checked:hover {
    background: linear-gradient(180deg, #4F96FF 0%, #1B76FC 83.65%), #2679F3;
    @apply border-primary-action;
  }
input[type="checkbox"]:checked::before {
  content: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.45L4.77273 6.25L7.5 1.75' stroke='%230F0C0C' stroke-opacity='0.1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 5.45L4.77273 7.25L7.5 2.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  @apply left-0 top-0 absolute flex items-center justify-center w-full h-full;
}
  .tt::before {
    content: '';
    @apply absolute top-full left-1/2 -translate-x-1/2 w-0 h-0 border-l-8 border-r-8 border-t-8 border-l-transparent border-r-transparent border-t-gray-700;
  }

  .tt.tt-bottom {
    @apply top-full mb-0 bottom-auto translate-y-1.5;
  }
  .tt.tt-bottom::before {
    content: url("data:image/svg+xml,%3Csvg width='21' height='9' viewBox='0 0 21 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3 1.06667L15.3 6.4C16.0554 7.40722 17.241 8 18.5 8H20.5V9H0.5V8H2.5C3.75903 8 4.94458 7.40722 5.7 6.4L9.7 1.06667C10.1 0.533333 10.9 0.533333 11.3 1.06667Z' fill='%2341415A'/%3E%3C/svg%3E%0A");
    @apply absolute top-[-2px] w-auto h-[9px] -translate-y-full left-1/2 -translate-x-1/2 border-0 bg-transparent;
  }
  .tt.tt-right {
    @apply translate-x-full top-0 bottom-auto left-auto -right-2
  }
  .tt.tt-right::before {
    content: url("data:image/svg+xml,%3Csvg width='8' height='18' viewBox='0 0 8 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-3.71547e-07 9L7.11111 14.1L7.11111 17.5L8 17.5L8 0.5L7.11111 0.5L7.11111 3.9L-3.71547e-07 9Z' fill='%2341415A'/%3E%3C/svg%3E%0A");
    @apply absolute top-1/2 w-auto h-[9px] -translate-y-full left-[2px] -translate-x-full border-0 bg-transparent;
  }
  *[tooltip]:hover:before {
    @apply transition-all pointer-events-none bg-white rounded-md absolute -bottom-1 translate-y-full z-50 px-2 border px-2 py-1.5 z-50 text-xs text-black flex justify-between items-center space-x-2 scale-100 opacity-100;
  }
  button.submitting:before {
    @apply w-4 h-4 text-primary-action animate-spin;
  }
  button.submitting {
    @apply gap-x-2 pointer-events-none;
  }
  body {
    counter-increment: step 0;
  }
  .step {
    counter-increment: step;
  }
  .step-content:before {
    content: counter(step);
  }
  .stakeholder[tooltip]:hover:before {
    @apply max-w-[20rem] text-center bg-white  !z-[9999];
  }
  .stakeholder[tooltip]:before {
    @apply max-w-[20rem] text-center bg-white -translate-x-1/2 bg-white z-40;
  }
  .metric[tooltip]:hover:before {
    @apply max-w-[20rem] text-center bg-white  !z-[9999];
  }
  .metric[tooltip]:before {
    @apply max-w-[20rem] text-center bg-white -translate-x-1/2 bg-white z-40;
  }
  .centered-tt[tooltip]:hover:before {
    @apply max-w-[20rem] text-center bg-white  !z-[9999];
  }
  .centered-tt[tooltip]:before {
    @apply max-w-[20rem] text-center bg-white -translate-x-1/4 z-40;
  }
  .centered-tt-top[tooltip]:before {
    @apply absolute left-1/2 -translate-x-1/2;
  }
  .tt-top[tooltip]:before {
    @apply -top-2 left-1/2 -translate-x-1/2 bottom-auto -translate-y-full;
  }
  .right-tt[tooltip]:before {
    @apply hidden
  }
  body.nav-collapsed .right-tt[tooltip]:before {
    @apply block absolute left-full bottom-auto top-1/2 -translate-y-1/2;
  }
  *[tooltip]:before {
    @apply w-max transition-all pointer-events-none bg-white rounded-md absolute -bottom-0.5 translate-y-full z-50 px-2 border px-2 py-1.5 z-50 text-xs text-black flex justify-between items-center space-x-2 scale-95 opacity-0;
  }
  .stakeholder[tooltip] {
    @apply !z-[5]
  }
  .stakeholder[tooltip]:hover {
    @apply !z-40
  }
  .page.active {
    @apply relative z-10 inline-flex items-center bg-indigo-600 px-4 py-2 text-sm font-semibold text-white focus:z-20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600;
  }
  .page {
    @apply relative inline-flex items-center px-4 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-primary-background focus:z-20 focus:outline-offset-0;
  }
  .pagy-nav.pagination {
    @apply isolate inline-flex -space-x-px rounded-md shadow-sm;
  }
  .pagy-info {
    @apply text-sm text-gray-700;
  }
  .pagy-info > b {
    @apply font-medium;
  }
  .draggable-source--is-dragging {
    @apply border border-indigo-300 bg-violet-50 rounded
  }
  input[type="date"]::-webkit-inner-spin-button,
  input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
  }
          .remove-arrow::-webkit-inner-spin-button,
        .remove-arrow::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
  .table-data {
    @apply grid grid-cols-[auto,130px,130px,130px,130px,130px] auto-cols-max col-span-6 gap-x-2 w-full overflow-visible
  }
  .custom-check:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#2679F3' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */