/* invoice.blade.php: Tailwind step 2. Utilities live in the markup; built by work/tw/build-tools.sh (content: invoice.classes). */

@font-face {
  font-family: 'Be Vietnam Pro';

  src: url('/js/vendor/be-vietnam-pro-1.002/BeVietnamPro-Regular.ttf') format('truetype');

  font-weight: 400;

  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';

  src: url('/js/vendor/be-vietnam-pro-1.002/BeVietnamPro-SemiBold.ttf') format('truetype');

  font-weight: 600 700;

  font-display: swap;
}

/*! tw-utilities */

:where(.cmt) .tw-grid {
  display: grid;
}

:where(.cmt) .tw-aspect-\[210_\/_297\] {
  aspect-ratio: 210 / 297;
}

:where(.cmt) .tw-h-\[22px\] {
  height: 22px;
}

:where(.cmt) .tw-w-\[22px\] {
  width: 22px;
}

:where(.cmt) .tw-cursor-pointer {
  cursor: pointer;
}

:where(.cmt) .tw-grid-cols-\[1fr_1fr\] {
  grid-template-columns: 1fr 1fr;
}

:where(.cmt) .tw-grid-cols-\[1fr_64px_120px_32px\] {
  grid-template-columns: 1fr 64px 120px 32px;
}

:where(.cmt) .tw-items-center {
  align-items: center;
}

:where(.cmt) .tw-gap-\[12px\] {
  gap: 12px;
}

:where(.cmt) .tw-gap-\[6px\] {
  gap: 6px;
}

:where(.cmt) .tw-gap-\[8px\] {
  gap: 8px;
}

:where(.cmt) .tw-overflow-hidden {
  overflow: hidden;
}

:where(.cmt) .tw-rounded-\[4px\] {
  border-radius: 4px;
}

:where(.cmt) .tw-rounded-\[6px\] {
  border-radius: 6px;
}

:where(.cmt) .tw-p-\[0\] {
  padding: 0;
}

:where(.cmt) .tw-p-\[7\%\] {
  padding: 7%;
}

:where(.cmt) .tw-text-left {
  text-align: left;
}

:where(.cmt) .tw-css-border-\[0\] {
  border: 0;
}

:where(.cmt) .tw-css-background-\[\#fff\] {
  background: #fff;
}

:where(.cmt) .tw-css-background-\[none\] {
  background: none;
}

:where(.cmt) .tw-css-box-shadow-\[0_1px_3px_rgba\(17\,_19\,_21\,_\.12\)\] {
  box-shadow: 0 1px 3px rgba(17, 19, 21, .12);
}

:where(.cmt) .tw-css-color-\[var\(--cm-text-2\)\] {
  color: var(--cm-text-2);
}

:where(.cmt) .tw-css-font-family-\[var\(--cm-font\)\] {
  font-family: var(--cm-font);
}

:where(.cmt) .tw-css-font-size-\[clamp\(7px\,_1\.9vw\,_10\.5px\)\] {
  font-size: clamp(7px, 1.9vw, 10.5px);
}

@media (max-width: 575.98px) {
  :where(.cmt) .mq1-max-575-98\:tw-grid-cols-\[1fr\] {
    grid-template-columns: 1fr;
  }

  :where(.cmt) .mq1-max-575-98\:tw-grid-cols-\[1fr_52px_96px_28px\] {
    grid-template-columns: 1fr 52px 96px 28px;
  }
}

:where(.cmt) .\[\&\:\:-webkit-color-swatch-wrapper\]\:tw-p-\[0\]::-webkit-color-swatch-wrapper {
  padding: 0;
}

:where(.cmt) .\[\&\:\:-webkit-color-swatch\]\:tw-rounded-\[6px\]::-webkit-color-swatch {
  border-radius: 6px;
}

:where(.cmt) .\[\&\:\:-webkit-color-swatch\]\:tw-css-border-\[0\]::-webkit-color-swatch {
  border: 0;
}

:where(.cmt) .\[\&\:\:-webkit-color-swatch\]\:tw-css-box-shadow-\[inset_0_0_0_1px_rgba\(0\2c _0\2c _0\2c _\.14\)\]::-webkit-color-swatch {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14);
}

:where(.cmt) .\[\&_button\.active\]\:tw-css-background-\[var\(--surface\2c _\#fff\)\] button.active {
  background: var(--surface, #fff);
}

:where(.cmt) .\[\&_button\.active\]\:tw-css-box-shadow-\[0_1px_2px_rgba\(17\2c _19\2c _21\2c _\.1\)\] button.active {
  box-shadow: 0 1px 2px rgba(17, 19, 21, .1);
}

:where(.cmt) .\[\&_button\.active\]\:tw-css-color-\[var\(--ink\2c _\#1D1D1F\)\] button.active {
  color: var(--ink, #1D1D1F);
}

:where(.cmt) .\[\&_button\:hover\]\:tw-css-background-\[rgba\(240\2c _68\2c _56\2c _\.1\)\] button:hover {
  background: rgba(240, 68, 56, .1);
}

:where(.cmt) .\[\&_button\:hover\]\:tw-css-color-\[\#B42318\] button:hover {
  color: #B42318;
}

:where(.cmt) .\[\&_button\]\:tw-inline-flex button {
  display: inline-flex;
}

:where(.cmt) .\[\&_button\]\:tw-h-\[32px\] button {
  height: 32px;
}

:where(.cmt) .\[\&_button\]\:tw-items-center button {
  align-items: center;
}

:where(.cmt) .\[\&_button\]\:tw-justify-center button {
  justify-content: center;
}

:where(.cmt) .\[\&_button\]\:tw-rounded-\[8px\] button {
  border-radius: 8px;
}

:where(.cmt) .\[\&_button\]\:tw-css-border-\[0\] button {
  border: 0;
}

:where(.cmt) .\[\&_button\]\:tw-css-background-\[none\] button {
  background: none;
}

:where(.cmt) .\[\&_button\]\:tw-css-color-\[var\(--ink-2\2c _\#6E6E73\)\] button {
  color: var(--ink-2, #6E6E73);
}

:where(.cmt) .\[\&_h2\]\:tw-m-\[0\] h2 {
  margin: 0;
}

:where(.cmt) .\[\&_h2\]\:tw-text-\[2\.2em\] h2 {
  font-size: 2.2em;
}

:where(.cmt) .\[\&_h2\]\:tw-font-semibold h2 {
  font-weight: 600;
}

:where(.cmt) .\[\&_h2\]\:tw-tracking-\[\.02em\] h2 {
  letter-spacing: .02em;
}

:where(.cmt) .\[\&_h2\]\:tw-css-color-\[var\(--acc\)\] h2 {
  color: var(--acc);
}

:where(.cmt) .\[\&_img\]\:tw-max-h-\[3\.6em\] img {
  max-height: 3.6em;
}

:where(.cmt) .\[\&_img\]\:tw-max-w-\[9em\] img {
  max-width: 9em;
}

:where(.cmt) .\[\&_img\]\:tw-object-contain img {
  object-fit: contain;
}

:where(.cmt) .\[\&_input\[type\=number\]\]\:tw-pl-\[8px\] input[type=number] {
  padding-left: 8px;
}

:where(.cmt) .\[\&_input\[type\=number\]\]\:tw-pr-\[6px\] input[type=number] {
  padding-right: 6px;
}

:where(.cmt) .\[\&_table\]\:tw-w-full table {
  width: 100%;
}

:where(.cmt) .\[\&_table\]\:tw-border-collapse table {
  border-collapse: collapse;
}

:where(.cmt) .\[\&_td\]\:tw-p-\[\.6em_\.7em\] td {
  padding: .6em .7em;
}

:where(.cmt) .\[\&_td\]\:tw-align-top td {
  vertical-align: top;
}

:where(.cmt) .\[\&_td\]\:tw-css-border-bottom-\[1px_solid_var\(--cm-line\)\] td {
  border-bottom: 1px solid var(--cm-line);
}

:where(.cmt) .\[\&_th\]\:tw-p-\[\.6em_\.7em\] th {
  padding: .6em .7em;
}

:where(.cmt) .\[\&_th\]\:tw-text-left th {
  text-align: left;
}

:where(.cmt) .\[\&_th\]\:tw-text-\[\.9em\] th {
  font-size: .9em;
}

:where(.cmt) .\[\&_th\]\:tw-font-semibold th {
  font-weight: 600;
}

:where(.cmt) .\[\&_th\]\:tw-css-background-\[var\(--cm-surface-2\)\] th {
  background: var(--cm-surface-2);
}

:where(.cmt) .\[\&_th\]\:tw-css-color-\[var\(--cm-text-2\)\] th {
  color: var(--cm-text-2);
}

:where(.cmt) .iv-grid .\[\.iv-grid_\&\]\:tw-col-\[1_\/_-1\] {
  grid-column: 1 / -1;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&\]\:tw-m-\[2\.2em_0_1\.6em\] {
  margin: 2.2em 0 1.6em;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&\]\:tw-mb-\[\.3em\] {
  margin-bottom: .3em;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&\]\:tw-ml-\[auto\] {
  margin-left: auto;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&\]\:tw-mt-\[1em\] {
  margin-top: 1em;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&\]\:tw-mt-\[2em\] {
  margin-top: 2em;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&\]\:tw-flex {
  display: flex;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&\]\:tw-grid {
  display: grid;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&\]\:tw-w-\[55\%\] {
  width: 55%;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&\]\:tw-grid-cols-\[1fr_1fr\] {
  grid-template-columns: 1fr 1fr;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&\]\:tw-justify-between {
  justify-content: space-between;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&\]\:tw-gap-\[12px\] {
  gap: 12px;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&\]\:tw-gap-\[16px\] {
  gap: 16px;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&\]\:tw-whitespace-nowrap {
  white-space: nowrap;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&\]\:tw-whitespace-pre-wrap {
  white-space: pre-wrap;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&\]\:tw-text-right {
  text-align: right;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&\]\:tw-text-\[\.8em\] {
  font-size: .8em;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&\]\:tw-text-\[\.92em\] {
  font-size: .92em;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&\]\:tw-font-semibold {
  font-weight: 600;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&\]\:tw-uppercase {
  text-transform: uppercase;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&\]\:tw-tracking-\[\.08em\] {
  letter-spacing: .08em;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&\]\:tw-css-color-\[var\(--cm-muted\)\] {
  color: var(--cm-muted);
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&_div\]\:tw-flex div {
  display: flex;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&_div\]\:tw-justify-between div {
  justify-content: space-between;
}

:where(.cmt) .iv-paper .\[\.iv-paper_\&_div\]\:tw-p-\[\.3em_0\] div {
  padding: .3em 0;
}

:where(.cmt) .iv-paper .tot .\[\.iv-paper_\.tot_\&\]\:tw-mt-\[\.3em\] {
  margin-top: .3em;
}

:where(.cmt) .iv-paper .tot .\[\.iv-paper_\.tot_\&\]\:tw-pt-\[\.6em\] {
  padding-top: .6em;
}

:where(.cmt) .iv-paper .tot .\[\.iv-paper_\.tot_\&\]\:tw-text-\[1\.2em\] {
  font-size: 1.2em;
}

:where(.cmt) .iv-paper .tot .\[\.iv-paper_\.tot_\&\]\:tw-font-semibold {
  font-weight: 600;
}

:where(.cmt) .iv-paper .tot .\[\.iv-paper_\.tot_\&\]\:tw-css-border-top-\[1px_solid_var\(--cm-line\)\] {
  border-top: 1px solid var(--cm-line);
}

:where(.cmt) .iv-paper .tot .\[\.iv-paper_\.tot_\&\]\:tw-css-color-\[var\(--acc\)\] {
  color: var(--acc);
}