*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }
  .container {
    max-width: 1536px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.not-sr-only {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.\!collapse {
  visibility: collapse !important;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-\[-16px\] {
  inset: -16px;
}
.inset-\[0\] {
  inset: 0;
}
.inset-\[0px\] {
  inset: 0px;
}
.inset-\[1px\] {
  inset: 1px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.-bottom-\[2px\] {
  bottom: -2px;
}
.-bottom-xsmall {
  bottom: -8px;
}
.-left-\[118px\] {
  left: -118px;
}
.-left-\[2px\] {
  left: -2px;
}
.-left-\[9999px\] {
  left: -9999px;
}
.-right-\[1\.5px\] {
  right: -1.5px;
}
.-right-\[2\.1px\] {
  right: -2.1px;
}
.-right-\[2px\] {
  right: -2px;
}
.-right-\[3\.6px\] {
  right: -3.6px;
}
.-right-\[6px\] {
  right: -6px;
}
.-top-2xsmall {
  top: -4px;
}
.-top-\[1\.5px\] {
  top: -1.5px;
}
.-top-\[18px\] {
  top: -18px;
}
.-top-\[1px\] {
  top: -1px;
}
.-top-\[28px\] {
  top: -28px;
}
.-top-\[2px\] {
  top: -2px;
}
.-top-\[3\.2px\] {
  top: -3.2px;
}
.-top-\[4px\] {
  top: -4px;
}
.-top-\[9999px\] {
  top: -9999px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-2xsmall {
  bottom: 4px;
}
.bottom-\[0px\] {
  bottom: 0px;
}
.bottom-\[100\%\] {
  bottom: 100%;
}
.bottom-\[10px\] {
  bottom: 10px;
}
.bottom-\[12px\] {
  bottom: 12px;
}
.bottom-\[2dvh\] {
  bottom: 2dvh;
}
.bottom-\[3px\] {
  bottom: 3px;
}
.bottom-\[56px\] {
  bottom: 56px;
}
.bottom-\[6px\] {
  bottom: 6px;
}
.bottom-\[8px\] {
  bottom: 8px;
}
.bottom-full {
  bottom: 100%;
}
.bottom-large {
  bottom: 24px;
}
.bottom-medium {
  bottom: 16px;
}
.bottom-none {
  bottom: 0px;
}
.bottom-small {
  bottom: 12px;
}
.bottom-xsmall {
  bottom: 8px;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.left-3xsmall {
  left: 2px;
}
.left-\[-10px\] {
  left: -10px;
}
.left-\[0\.2px\] {
  left: 0.2px;
}
.left-\[0px\] {
  left: 0px;
}
.left-\[12px\] {
  left: 12px;
}
.left-\[13px\] {
  left: 13px;
}
.left-\[152px\] {
  left: 152px;
}
.left-\[157px\] {
  left: 157px;
}
.left-\[2\%\] {
  left: 2%;
}
.left-\[20px\] {
  left: 20px;
}
.left-\[2px\] {
  left: 2px;
}
.left-\[38px\] {
  left: 38px;
}
.left-\[40dvw\] {
  left: 40dvw;
}
.left-\[50\%\] {
  left: 50%;
}
.left-\[55dvw\] {
  left: 55dvw;
}
.left-\[6px\] {
  left: 6px;
}
.left-\[8px\] {
  left: 8px;
}
.left-full {
  left: 100%;
}
.left-medium {
  left: 16px;
}
.left-none {
  left: 0px;
}
.left-small {
  left: 12px;
}
.left-xsmall {
  left: 8px;
}
.right-0 {
  right: 0px;
}
.right-1\/2 {
  right: 50%;
}
.right-2xsmall {
  right: 4px;
}
.right-3xsmall {
  right: 2px;
}
.right-\[0px\] {
  right: 0px;
}
.right-\[10dvw\] {
  right: 10dvw;
}
.right-\[10px\] {
  right: 10px;
}
.right-\[110px\] {
  right: 110px;
}
.right-\[12px\] {
  right: 12px;
}
.right-\[20\%\] {
  right: 20%;
}
.right-\[20px\] {
  right: 20px;
}
.right-\[2px\] {
  right: 2px;
}
.right-\[4px\] {
  right: 4px;
}
.right-\[6px\] {
  right: 6px;
}
.right-\[8px\] {
  right: 8px;
}
.right-full {
  right: 100%;
}
.right-large {
  right: 24px;
}
.right-medium {
  right: 16px;
}
.right-none {
  right: 0px;
}
.right-small {
  right: 12px;
}
.right-xsmall {
  right: 8px;
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.top-1\/4 {
  top: 25%;
}
.top-2xsmall {
  top: 4px;
}
.top-\[0px\] {
  top: 0px;
}
.top-\[1\.25px\] {
  top: 1.25px;
}
.top-\[1\.2px\] {
  top: 1.2px;
}
.top-\[104px\] {
  top: 104px;
}
.top-\[10px\] {
  top: 10px;
}
.top-\[120\%\] {
  top: 120%;
}
.top-\[12px\] {
  top: 12px;
}
.top-\[18px\] {
  top: 18px;
}
.top-\[20\%\] {
  top: 20%;
}
.top-\[20px\] {
  top: 20px;
}
.top-\[28\%\] {
  top: 28%;
}
.top-\[2px\] {
  top: 2px;
}
.top-\[3px\] {
  top: 3px;
}
.top-\[44px\] {
  top: 44px;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[50dvh\] {
  top: 50dvh;
}
.top-\[64px\] {
  top: 64px;
}
.top-\[6px\] {
  top: 6px;
}
.top-\[8px\] {
  top: 8px;
}
.top-\[90dvh\] {
  top: 90dvh;
}
.top-\[calc\(100\%\+6px\)\] {
  top: calc(100% + 6px);
}
.top-\[calc\(100\%\+8px\)\] {
  top: calc(100% + 8px);
}
.top-full {
  top: 100%;
}
.top-medium {
  top: 16px;
}
.top-none {
  top: 0px;
}
.top-small {
  top: 12px;
}
.top-xlarge {
  top: 32px;
}
.top-xsmall {
  top: 8px;
}
.isolate {
  isolation: isolate;
}
.isolation-auto {
  isolation: auto;
}
.\!z-\[999999\] {
  z-index: 999999 !important;
}
.-z-10 {
  z-index: -10;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-50 {
  z-index: 50;
}
.z-\[0\] {
  z-index: 0;
}
.z-\[100000000\] {
  z-index: 100000000;
}
.z-\[100000001\] {
  z-index: 100000001;
}
.z-\[100000002\] {
  z-index: 100000002;
}
.z-\[10000\] {
  z-index: 10000;
}
.z-\[10001\] {
  z-index: 10001;
}
.z-\[10002\] {
  z-index: 10002;
}
.z-\[1000\] {
  z-index: 1000;
}
.z-\[10\] {
  z-index: 10;
}
.z-\[11\] {
  z-index: 11;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[2030\] {
  z-index: 2030;
}
.z-\[2040\] {
  z-index: 2040;
}
.z-\[2147483647\] {
  z-index: 2147483647;
}
.z-\[2201\] {
  z-index: 2201;
}
.z-\[2203\] {
  z-index: 2203;
}
.z-\[2500\] {
  z-index: 2500;
}
.z-\[2501\] {
  z-index: 2501;
}
.z-\[2502\] {
  z-index: 2502;
}
.z-\[2990\] {
  z-index: 2990;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[3000\] {
  z-index: 3000;
}
.z-\[300\] {
  z-index: 300;
}
.z-\[9998\] {
  z-index: 9998;
}
.z-\[99999997\] {
  z-index: 99999997;
}
.z-\[99999998\] {
  z-index: 99999998;
}
.z-\[999999998\] {
  z-index: 999999998;
}
.z-\[99999999999999998\] {
  z-index: 99999999999999998;
}
.z-\[99999999999999999\] {
  z-index: 99999999999999999;
}
.z-\[999999999\] {
  z-index: 999999999;
}
.z-\[99999999\] {
  z-index: 99999999;
}
.z-\[999999\] {
  z-index: 999999;
}
.z-\[99999\] {
  z-index: 99999;
}
.z-\[9999\] {
  z-index: 9999;
}
.z-\[999\] {
  z-index: 999;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-10 {
  grid-column: span 10 / span 10;
}
.col-span-11 {
  grid-column: span 11 / span 11;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-9 {
  grid-column: span 9 / span 9;
}
.col-span-full {
  grid-column: 1 / -1;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.-m-\[4px\] {
  margin: -4px;
}
.m-0 {
  margin: 0px;
}
.m-2xsmall {
  margin: 4px;
}
.m-\[5px\] {
  margin: 5px;
}
.m-none {
  margin: 0px;
}
.m-small {
  margin: 12px;
}
.-mx-medium {
  margin-left: -16px;
  margin-right: -16px;
}
.mx-2xsmall {
  margin-left: 4px;
  margin-right: 4px;
}
.mx-\[4px\] {
  margin-left: 4px;
  margin-right: 4px;
}
.mx-\[6px\] {
  margin-left: 6px;
  margin-right: 6px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mx-large {
  margin-left: 24px;
  margin-right: 24px;
}
.mx-medium {
  margin-left: 16px;
  margin-right: 16px;
}
.mx-small {
  margin-left: 12px;
  margin-right: 12px;
}
.mx-xlarge {
  margin-left: 32px;
  margin-right: 32px;
}
.mx-xsmall {
  margin-left: 8px;
  margin-right: 8px;
}
.my-2xsmall {
  margin-top: 4px;
  margin-bottom: 4px;
}
.my-3xsmall {
  margin-top: 2px;
  margin-bottom: 2px;
}
.my-medium {
  margin-top: 16px;
  margin-bottom: 16px;
}
.my-xsmall {
  margin-top: 8px;
  margin-bottom: 8px;
}
.-ml-\[16px\] {
  margin-left: -16px;
}
.-ml-\[4px\] {
  margin-left: -4px;
}
.-ml-small {
  margin-left: -12px;
}
.-mr-\[16px\] {
  margin-right: -16px;
}
.-mr-\[8px\] {
  margin-right: -8px;
}
.-mr-large {
  margin-right: -24px;
}
.-mt-\[10px\] {
  margin-top: -10px;
}
.-mt-\[30px\] {
  margin-top: -30px;
}
.-mt-\[50px\] {
  margin-top: -50px;
}
.-mt-\[60px\] {
  margin-top: -60px;
}
.-mt-medium {
  margin-top: -16px;
}
.-mt-small {
  margin-top: -12px;
}
.mb-2xsmall {
  margin-bottom: 4px;
}
.mb-3xsmall {
  margin-bottom: 2px;
}
.mb-\[-1px\] {
  margin-bottom: -1px;
}
.mb-\[10px\] {
  margin-bottom: 10px;
}
.mb-\[12px\] {
  margin-bottom: 12px;
}
.mb-\[16px\] {
  margin-bottom: 16px;
}
.mb-\[18px\] {
  margin-bottom: 18px;
}
.mb-\[1px\] {
  margin-bottom: 1px;
}
.mb-\[2px\] {
  margin-bottom: 2px;
}
.mb-\[36px\] {
  margin-bottom: 36px;
}
.mb-\[4px\] {
  margin-bottom: 4px;
}
.mb-\[65px\] {
  margin-bottom: 65px;
}
.mb-\[6px\] {
  margin-bottom: 6px;
}
.mb-\[8px\] {
  margin-bottom: 8px;
}
.mb-large {
  margin-bottom: 24px;
}
.mb-medium {
  margin-bottom: 16px;
}
.mb-small {
  margin-bottom: 12px;
}
.mb-xlarge {
  margin-bottom: 32px;
}
.mb-xsmall {
  margin-bottom: 8px;
}
.ml-2xsmall {
  margin-left: 4px;
}
.ml-3xsmall {
  margin-left: 2px;
}
.ml-\[-72px\] {
  margin-left: -72px;
}
.ml-\[0\.2px\] {
  margin-left: 0.2px;
}
.ml-\[10px\] {
  margin-left: 10px;
}
.ml-\[200px\] {
  margin-left: 200px;
}
.ml-\[6px\] {
  margin-left: 6px;
}
.ml-\[8px\] {
  margin-left: 8px;
}
.ml-auto {
  margin-left: auto;
}
.ml-large {
  margin-left: 24px;
}
.ml-small {
  margin-left: 12px;
}
.ml-xlarge {
  margin-left: 32px;
}
.ml-xsmall {
  margin-left: 8px;
}
.mr-2xsmall {
  margin-right: 4px;
}
.mr-\[2px\] {
  margin-right: 2px;
}
.mr-\[6px\] {
  margin-right: 6px;
}
.mr-xsmall {
  margin-right: 8px;
}
.mt-0 {
  margin-top: 0px;
}
.mt-2xlarge {
  margin-top: 48px;
}
.mt-2xsmall {
  margin-top: 4px;
}
.mt-\[-1px\] {
  margin-top: -1px;
}
.mt-\[12px\] {
  margin-top: 12px;
}
.mt-\[1px\] {
  margin-top: 1px;
}
.mt-\[20px\] {
  margin-top: 20px;
}
.mt-\[2px\] {
  margin-top: 2px;
}
.mt-\[3px\] {
  margin-top: 3px;
}
.mt-\[40px\] {
  margin-top: 40px;
}
.mt-\[4px\] {
  margin-top: 4px;
}
.mt-\[6px\] {
  margin-top: 6px;
}
.mt-\[8px\] {
  margin-top: 8px;
}
.mt-large {
  margin-top: 24px;
}
.mt-medium {
  margin-top: 16px;
}
.mt-small {
  margin-top: 12px;
}
.mt-xlarge {
  margin-top: 32px;
}
.mt-xsmall {
  margin-top: 8px;
}
.box-border {
  box-sizing: border-box;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.\!table {
  display: table !important;
}
.table {
  display: table;
}
.inline-table {
  display: inline-table;
}
.table-caption {
  display: table-caption;
}
.table-cell {
  display: table-cell;
}
.table-column {
  display: table-column;
}
.table-column-group {
  display: table-column-group;
}
.table-footer-group {
  display: table-footer-group;
}
.table-header-group {
  display: table-header-group;
}
.table-row-group {
  display: table-row-group;
}
.table-row {
  display: table-row;
}
.flow-root {
  display: flow-root;
}
.grid {
  display: grid;
}
.inline-grid {
  display: inline-grid;
}
.\!contents {
  display: contents !important;
}
.contents {
  display: contents;
}
.list-item {
  display: list-item;
}
.hidden {
  display: none;
}
.aspect-\[71\/40\] {
  aspect-ratio: 71/40;
}
.aspect-\[9\/19\] {
  aspect-ratio: 9/19;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.aspect-video {
  aspect-ratio: 16 / 9;
}
.size-\[0\.8rem\] {
  width: 0.8rem;
  height: 0.8rem;
}
.size-\[10px\] {
  width: 10px;
  height: 10px;
}
.size-\[12px\] {
  width: 12px;
  height: 12px;
}
.size-\[14px\] {
  width: 14px;
  height: 14px;
}
.size-\[15px\] {
  width: 15px;
  height: 15px;
}
.size-\[16px\] {
  width: 16px;
  height: 16px;
}
.size-\[18px\] {
  width: 18px;
  height: 18px;
}
.size-\[20px\] {
  width: 20px;
  height: 20px;
}
.size-\[21px\] {
  width: 21px;
  height: 21px;
}
.size-\[24px\] {
  width: 24px;
  height: 24px;
}
.size-\[28px\] {
  width: 28px;
  height: 28px;
}
.size-\[30px\] {
  width: 30px;
  height: 30px;
}
.size-\[32px\] {
  width: 32px;
  height: 32px;
}
.size-\[36px\] {
  width: 36px;
  height: 36px;
}
.size-\[4\.6px\] {
  width: 4.6px;
  height: 4.6px;
}
.size-\[40px\] {
  width: 40px;
  height: 40px;
}
.size-\[48px\] {
  width: 48px;
  height: 48px;
}
.size-\[6px\] {
  width: 6px;
  height: 6px;
}
.size-full {
  width: 100%;
  height: 100%;
}
.size-large {
  width: 24px;
  height: 24px;
}
.size-medium {
  width: 16px;
  height: 16px;
}
.size-small {
  width: 12px;
  height: 12px;
}
.size-xlarge {
  width: 32px;
  height: 32px;
}
.size-xsmall {
  width: 8px;
  height: 8px;
}
.h-0 {
  height: 0px;
}
.h-2xlarge {
  height: 48px;
}
.h-2xsmall {
  height: 4px;
}
.h-3xlarge {
  height: 96px;
}
.h-\[0px\] {
  height: 0px;
}
.h-\[100px\] {
  height: 100px;
}
.h-\[108px\] {
  height: 108px;
}
.h-\[10px\] {
  height: 10px;
}
.h-\[11px\] {
  height: 11px;
}
.h-\[120px\] {
  height: 120px;
}
.h-\[12px\] {
  height: 12px;
}
.h-\[13px\] {
  height: 13px;
}
.h-\[140px\] {
  height: 140px;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[153px\] {
  height: 153px;
}
.h-\[155px\] {
  height: 155px;
}
.h-\[16px\] {
  height: 16px;
}
.h-\[170px\] {
  height: 170px;
}
.h-\[17px\] {
  height: 17px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[198px\] {
  height: 198px;
}
.h-\[19px\] {
  height: 19px;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[215px\] {
  height: 215px;
}
.h-\[21px\] {
  height: 21px;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[240px\] {
  height: 240px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[26px\] {
  height: 26px;
}
.h-\[280px\] {
  height: 280px;
}
.h-\[28px\] {
  height: 28px;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[300px\] {
  height: 300px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[32px\] {
  height: 32px;
}
.h-\[33px\] {
  height: 33px;
}
.h-\[340px\] {
  height: 340px;
}
.h-\[34px\] {
  height: 34px;
}
.h-\[36px\] {
  height: 36px;
}
.h-\[3px\] {
  height: 3px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[45px\] {
  height: 45px;
}
.h-\[46px\] {
  height: 46px;
}
.h-\[480px\] {
  height: 480px;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[4px\] {
  height: 4px;
}
.h-\[50vh\] {
  height: 50vh;
}
.h-\[56px\] {
  height: 56px;
}
.h-\[58px\] {
  height: 58px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[64px\] {
  height: 64px;
}
.h-\[65px\] {
  height: 65px;
}
.h-\[67px\] {
  height: 67px;
}
.h-\[6px\] {
  height: 6px;
}
.h-\[72px\] {
  height: 72px;
}
.h-\[85dvh\] {
  height: 85dvh;
}
.h-\[88px\] {
  height: 88px;
}
.h-\[8px\] {
  height: 8px;
}
.h-\[90\%\] {
  height: 90%;
}
.h-\[calc\(90vh-118px\)\] {
  height: calc(90vh - 118px);
}
.h-\[var\(--thumb-height\)\] {
  height: var(--thumb-height);
}
.h-auto {
  height: auto;
}
.h-content {
  height: fit-content;
}
.h-fit {
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-large {
  height: 24px;
}
.h-medium {
  height: 16px;
}
.h-small {
  height: 12px;
}
.h-xlarge {
  height: 32px;
}
.h-xsmall {
  height: 8px;
}
.max-h-0 {
  max-height: 0px;
}
.max-h-\[0px\] {
  max-height: 0px;
}
.max-h-\[120px\] {
  max-height: 120px;
}
.max-h-\[150px\] {
  max-height: 150px;
}
.max-h-\[155px\] {
  max-height: 155px;
}
.max-h-\[200px\] {
  max-height: 200px;
}
.max-h-\[240px\] {
  max-height: 240px;
}
.max-h-\[280px\] {
  max-height: 280px;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.max-h-\[320px\] {
  max-height: 320px;
}
.max-h-\[400px\] {
  max-height: 400px;
}
.max-h-\[460px\] {
  max-height: 460px;
}
.max-h-\[500px\] {
  max-height: 500px;
}
.max-h-\[528px\] {
  max-height: 528px;
}
.max-h-\[600px\] {
  max-height: 600px;
}
.max-h-\[60vh\] {
  max-height: 60vh;
}
.max-h-\[70vh\] {
  max-height: 70vh;
}
.max-h-\[800px\] {
  max-height: 800px;
}
.max-h-\[80dvh\] {
  max-height: 80dvh;
}
.max-h-\[80vh\] {
  max-height: 80vh;
}
.max-h-\[90dvh\] {
  max-height: 90dvh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[96px\] {
  max-height: 96px;
}
.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
  max-height: var(--radix-dropdown-menu-content-available-height);
}
.max-h-large {
  max-height: 24px;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-2xsmall {
  min-height: 4px;
}
.min-h-\[100px\] {
  min-height: 100px;
}
.min-h-\[120px\] {
  min-height: 120px;
}
.min-h-\[140px\] {
  min-height: 140px;
}
.min-h-\[160px\] {
  min-height: 160px;
}
.min-h-\[162px\] {
  min-height: 162px;
}
.min-h-\[16px\] {
  min-height: 16px;
}
.min-h-\[181px\] {
  min-height: 181px;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[24px\] {
  min-height: 24px;
}
.min-h-\[29px\] {
  min-height: 29px;
}
.min-h-\[300px\] {
  min-height: 300px;
}
.min-h-\[32px\] {
  min-height: 32px;
}
.min-h-\[36px\] {
  min-height: 36px;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-\[500px\] {
  min-height: 500px;
}
.min-h-\[64px\] {
  min-height: 64px;
}
.min-h-\[66px\] {
  min-height: 66px;
}
.min-h-\[80px\] {
  min-height: 80px;
}
.min-h-\[80vh\] {
  min-height: 80vh;
}
.min-h-\[88px\] {
  min-height: 88px;
}
.min-h-full {
  min-height: 100%;
}
.min-h-small {
  min-height: 12px;
}
.\!w-auto {
  width: auto !important;
}
.w-0 {
  width: 0px;
}
.w-1\/2 {
  width: 50%;
}
.w-2xlarge {
  width: 48px;
}
.w-2xsmall {
  width: 4px;
}
.w-3\/4 {
  width: 75%;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[1045px\] {
  width: 1045px;
}
.w-\[10px\] {
  width: 10px;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[12px\] {
  width: 12px;
}
.w-\[132px\] {
  width: 132px;
}
.w-\[140px\] {
  width: 140px;
}
.w-\[14px\] {
  width: 14px;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[160px\] {
  width: 160px;
}
.w-\[168px\] {
  width: 168px;
}
.w-\[16px\] {
  width: 16px;
}
.w-\[170px\] {
  width: 170px;
}
.w-\[180px\] {
  width: 180px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[19px\] {
  width: 19px;
}
.w-\[1px\] {
  width: 1px;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[20px\] {
  width: 20px;
}
.w-\[210px\] {
  width: 210px;
}
.w-\[21px\] {
  width: 21px;
}
.w-\[22px\] {
  width: 22px;
}
.w-\[23px\] {
  width: 23px;
}
.w-\[24px\] {
  width: 24px;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[255px\] {
  width: 255px;
}
.w-\[260px\] {
  width: 260px;
}
.w-\[26px\] {
  width: 26px;
}
.w-\[272px\] {
  width: 272px;
}
.w-\[280px\] {
  width: 280px;
}
.w-\[28px\] {
  width: 28px;
}
.w-\[298px\] {
  width: 298px;
}
.w-\[2px\] {
  width: 2px;
}
.w-\[30\%\] {
  width: 30%;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[310px\] {
  width: 310px;
}
.w-\[320px\] {
  width: 320px;
}
.w-\[32px\] {
  width: 32px;
}
.w-\[340px\] {
  width: 340px;
}
.w-\[350px\] {
  width: 350px;
}
.w-\[352px\] {
  width: 352px;
}
.w-\[360px\] {
  width: 360px;
}
.w-\[36px\] {
  width: 36px;
}
.w-\[3px\] {
  width: 3px;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[44px\] {
  width: 44px;
}
.w-\[45\%\] {
  width: 45%;
}
.w-\[450px\] {
  width: 450px;
}
.w-\[46px\] {
  width: 46px;
}
.w-\[480px\] {
  width: 480px;
}
.w-\[48px\] {
  width: 48px;
}
.w-\[4px\] {
  width: 4px;
}
.w-\[500px\] {
  width: 500px;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[56px\] {
  width: 56px;
}
.w-\[58px\] {
  width: 58px;
}
.w-\[60\%\] {
  width: 60%;
}
.w-\[600px\] {
  width: 600px;
}
.w-\[60px\] {
  width: 60px;
}
.w-\[60vw\] {
  width: 60vw;
}
.w-\[640px\] {
  width: 640px;
}
.w-\[64px\] {
  width: 64px;
}
.w-\[650px\] {
  width: 650px;
}
.w-\[680px\] {
  width: 680px;
}
.w-\[6px\] {
  width: 6px;
}
.w-\[70\%\] {
  width: 70%;
}
.w-\[70px\] {
  width: 70px;
}
.w-\[72px\] {
  width: 72px;
}
.w-\[75\%\] {
  width: 75%;
}
.w-\[80\%\] {
  width: 80%;
}
.w-\[800px\] {
  width: 800px;
}
.w-\[80px\] {
  width: 80px;
}
.w-\[80vw\] {
  width: 80vw;
}
.w-\[810px\] {
  width: 810px;
}
.w-\[856px\] {
  width: 856px;
}
.w-\[85px\] {
  width: 85px;
}
.w-\[86\%\] {
  width: 86%;
}
.w-\[8px\] {
  width: 8px;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[900px\] {
  width: 900px;
}
.w-\[92\%\] {
  width: 92%;
}
.w-\[94\%\] {
  width: 94%;
}
.w-\[94dvw\] {
  width: 94dvw;
}
.w-\[calc\(100\%\+32px\)\] {
  width: calc(100% + 32px);
}
.w-\[var\(--radix-dropdown-menu-trigger-width\)\] {
  width: var(--radix-dropdown-menu-trigger-width);
}
.w-\[var\(--thumb-width\)\] {
  width: var(--thumb-width);
}
.w-auto {
  width: auto;
}
.w-content {
  width: fit-content;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-large {
  width: 24px;
}
.w-max {
  width: max-content;
}
.w-medium {
  width: 16px;
}
.w-small {
  width: 12px;
}
.w-toolbar-divider {
  width: 0.5px;
}
.w-xsmall {
  width: 8px;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[0\.6em\] {
  min-width: 0.6em;
}
.min-w-\[130px\] {
  min-width: 130px;
}
.min-w-\[140px\] {
  min-width: 140px;
}
.min-w-\[142px\] {
  min-width: 142px;
}
.min-w-\[150px\] {
  min-width: 150px;
}
.min-w-\[160px\] {
  min-width: 160px;
}
.min-w-\[19px\] {
  min-width: 19px;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[24px\] {
  min-width: 24px;
}
.min-w-\[269px\] {
  min-width: 269px;
}
.min-w-\[26px\] {
  min-width: 26px;
}
.min-w-\[300px\] {
  min-width: 300px;
}
.min-w-\[320px\] {
  min-width: 320px;
}
.min-w-\[32px\] {
  min-width: 32px;
}
.min-w-\[350px\] {
  min-width: 350px;
}
.min-w-\[390px\] {
  min-width: 390px;
}
.min-w-\[3ch\] {
  min-width: 3ch;
}
.min-w-\[400px\] {
  min-width: 400px;
}
.min-w-\[40px\] {
  min-width: 40px;
}
.min-w-\[4ch\] {
  min-width: 4ch;
}
.min-w-\[700px\] {
  min-width: 700px;
}
.min-w-\[800px\] {
  min-width: 800px;
}
.min-w-\[80px\] {
  min-width: 80px;
}
.min-w-\[8rem\] {
  min-width: 8rem;
}
.min-w-\[900px\] {
  min-width: 900px;
}
.min-w-\[905px\] {
  min-width: 905px;
}
.min-w-content {
  min-width: fit-content;
}
.min-w-fit {
  min-width: fit-content;
}
.min-w-full {
  min-width: 100%;
}
.min-w-xlarge {
  min-width: 32px;
}
.max-w-\[1000px\] {
  max-width: 1000px;
}
.max-w-\[100px\] {
  max-width: 100px;
}
.max-w-\[100vw\] {
  max-width: 100vw;
}
.max-w-\[1024px\] {
  max-width: 1024px;
}
.max-w-\[1080px\] {
  max-width: 1080px;
}
.max-w-\[1284px\] {
  max-width: 1284px;
}
.max-w-\[180px\] {
  max-width: 180px;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[220px\] {
  max-width: 220px;
}
.max-w-\[225px\] {
  max-width: 225px;
}
.max-w-\[250px\] {
  max-width: 250px;
}
.max-w-\[269px\] {
  max-width: 269px;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[304px\] {
  max-width: 304px;
}
.max-w-\[310px\] {
  max-width: 310px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[350px\] {
  max-width: 350px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[420px\] {
  max-width: 420px;
}
.max-w-\[426px\] {
  max-width: 426px;
}
.max-w-\[450px\] {
  max-width: 450px;
}
.max-w-\[480px\] {
  max-width: 480px;
}
.max-w-\[500px\] {
  max-width: 500px;
}
.max-w-\[550px\] {
  max-width: 550px;
}
.max-w-\[600px\] {
  max-width: 600px;
}
.max-w-\[630px\] {
  max-width: 630px;
}
.max-w-\[650px\] {
  max-width: 650px;
}
.max-w-\[70\%\] {
  max-width: 70%;
}
.max-w-\[700px\] {
  max-width: 700px;
}
.max-w-\[75px\] {
  max-width: 75px;
}
.max-w-\[760px\] {
  max-width: 760px;
}
.max-w-\[80\%\] {
  max-width: 80%;
}
.max-w-\[80vw\] {
  max-width: 80vw;
}
.max-w-\[820px\] {
  max-width: 820px;
}
.max-w-\[840px\] {
  max-width: 840px;
}
.max-w-\[848px\] {
  max-width: 848px;
}
.max-w-\[90\%\] {
  max-width: 90%;
}
.max-w-\[946px\] {
  max-width: 946px;
}
.max-w-content {
  max-width: fit-content;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-none {
  max-width: none;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.border-collapse {
  border-collapse: collapse;
}
.border-spacing-3xsmall {
  --tw-border-spacing-x: 2px;
  --tw-border-spacing-y: 2px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.origin-\[--radix-dropdown-menu-content-transform-origin\] {
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}
.origin-\[--radix-tooltip-content-transform-origin\] {
  transform-origin: var(--radix-tooltip-content-transform-origin);
}
.origin-bottom-left {
  transform-origin: bottom left;
}
.origin-top-left {
  transform-origin: top left;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-1\/4 {
  --tw-translate-x: -25%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-3\/4 {
  --tw-translate-y: -75%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[70\%\] {
  --tw-translate-y: -70%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-full {
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/2 {
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[20px\] {
  --tw-translate-x: 20px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[2px\] {
  --tw-translate-x: 2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-180 {
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-50 {
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-75 {
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-90 {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-y-100 {
  --tw-scale-y: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-gpu {
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.animate-\[pulse_2s_cubic-bezier\(0\.4\2c 0\2c 0\.6\2c 1\)_infinite\] {
  animation: pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;
}
.animate-\[shimmer_2s_infinite\] {
  animation: shimmer 2s infinite;
}
@keyframes feedbackIn {
  0% {
    opacity: 0;
    transform: translateX(-6px) scale(0.9);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
.animate-feedback-in {
  animation: feedbackIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
  from {
    transform: rotate(0deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-default {
  cursor: default;
}
.cursor-e-resize {
  cursor: e-resize;
}
.cursor-grab {
  cursor: grab;
}
.cursor-help {
  cursor: help;
}
.cursor-move {
  cursor: move;
}
.cursor-n-resize {
  cursor: n-resize;
}
.cursor-ne-resize {
  cursor: ne-resize;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-nw-resize {
  cursor: nw-resize;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-progress {
  cursor: progress;
}
.cursor-s-resize {
  cursor: s-resize;
}
.cursor-se-resize {
  cursor: se-resize;
}
.cursor-sw-resize {
  cursor: sw-resize;
}
.cursor-w-resize {
  cursor: w-resize;
}
.cursor-wait {
  cursor: wait;
}
.touch-pinch-zoom {
  --tw-pinch-zoom: pinch-zoom;
  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}
.select-none {
  user-select: none;
}
.select-text {
  user-select: text;
}
.select-auto {
  user-select: auto;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}
.snap-start {
  scroll-snap-align: start;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  appearance: none;
}
.auto-rows-min {
  grid-auto-rows: min-content;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-\[190px_1fr\] {
  grid-template-columns: 190px 1fr;
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(320px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(320px,1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-stretch {
  justify-content: stretch;
}
.gap-2xlarge {
  gap: 48px;
}
.gap-2xsmall {
  gap: 4px;
}
.gap-3xsmall {
  gap: 2px;
}
.gap-\[0\.5px\] {
  gap: 0.5px;
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[12px\] {
  gap: 12px;
}
.gap-\[14px\] {
  gap: 14px;
}
.gap-\[16px\] {
  gap: 16px;
}
.gap-\[20px\] {
  gap: 20px;
}
.gap-\[24px\] {
  gap: 24px;
}
.gap-\[2px\] {
  gap: 2px;
}
.gap-\[3px\] {
  gap: 3px;
}
.gap-\[4px\] {
  gap: 4px;
}
.gap-\[6px\] {
  gap: 6px;
}
.gap-\[8px\] {
  gap: 8px;
}
.gap-large {
  gap: 24px;
}
.gap-medium {
  gap: 16px;
}
.gap-none {
  gap: 0px;
}
.gap-small {
  gap: 12px;
}
.gap-xlarge {
  gap: 32px;
}
.gap-xsmall {
  gap: 8px;
}
.gap-x-2xsmall {
  column-gap: 4px;
}
.gap-x-3xsmall {
  column-gap: 2px;
}
.gap-x-\[6px\] {
  column-gap: 6px;
}
.gap-x-medium {
  column-gap: 16px;
}
.gap-x-small {
  column-gap: 12px;
}
.gap-x-xsmall {
  column-gap: 8px;
}
.gap-y-2xsmall {
  row-gap: 4px;
}
.gap-y-large {
  row-gap: 24px;
}
.gap-y-medium {
  row-gap: 16px;
}
.gap-y-small {
  row-gap: 12px;
}
.gap-y-xsmall {
  row-gap: 8px;
}
.-space-x-\[4px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-4px * var(--tw-space-x-reverse));
  margin-left: calc(-4px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3xsmall > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(2px * var(--tw-space-x-reverse));
  margin-left: calc(2px * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2xsmall > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * var(--tw-space-y-reverse));
}
.space-y-3xsmall > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2px * var(--tw-space-y-reverse));
}
.space-y-\[4px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * var(--tw-space-y-reverse));
}
.space-y-\[6px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(6px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(6px * var(--tw-space-y-reverse));
}
.space-y-large > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(24px * var(--tw-space-y-reverse));
}
.space-y-medium > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(16px * var(--tw-space-y-reverse));
}
.space-y-small > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12px * var(--tw-space-y-reverse));
}
.space-y-xlarge > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(32px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(32px * var(--tw-space-y-reverse));
}
.space-y-xsmall > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(8px * var(--tw-space-y-reverse));
}
.space-y-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 1;
}
.space-x-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 1;
}
.divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 1;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-x-clip {
  overflow-x: clip;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.text-clip {
  text-overflow: clip;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre {
  white-space: pre;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-wrap {
  text-wrap: wrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.rounded-2xsmall {
  border-radius: 4px;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[111px\] {
  border-radius: 111px;
}
.rounded-\[11px\] {
  border-radius: 11px;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.rounded-\[14px\] {
  border-radius: 14px;
}
.rounded-\[16px\] {
  border-radius: 16px;
}
.rounded-\[18px\] {
  border-radius: 18px;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[24px\] {
  border-radius: 24px;
}
.rounded-\[2px\] {
  border-radius: 2px;
}
.rounded-\[3px\] {
  border-radius: 3px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[6\.75px\] {
  border-radius: 6.75px;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[7px\] {
  border-radius: 7px;
}
.rounded-\[8px\] {
  border-radius: 8px;
}
.rounded-\[inherit\] {
  border-radius: inherit;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-large {
  border-radius: 24px;
}
.rounded-medium {
  border-radius: 16px;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-small {
  border-radius: 12px;
}
.rounded-xsmall {
  border-radius: 8px;
}
.rounded-b-small {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
.rounded-b-xsmall {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.rounded-l-medium {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rounded-r-small {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.rounded-t-small {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.rounded-t-xsmall {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.rounded-bl-large {
  border-bottom-left-radius: 24px;
}
.rounded-br-\[4px\] {
  border-bottom-right-radius: 4px;
}
.rounded-br-xsmall {
  border-bottom-right-radius: 8px;
}
.rounded-tl-large {
  border-top-left-radius: 24px;
}
.rounded-tr-large {
  border-top-right-radius: 24px;
}
.\!border {
  border-width: 1px !important;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-\[0\.5px\] {
  border-width: 0.5px;
}
.border-\[1\.5px\] {
  border-width: 1.5px;
}
.border-\[1px\] {
  border-width: 1px;
}
.border-\[3px\] {
  border-width: 3px;
}
.border-\[4px\] {
  border-width: 4px;
}
.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}
.border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-b-\[2px\] {
  border-bottom-width: 2px;
}
.border-b-\[8px\] {
  border-bottom-width: 8px;
}
.border-e {
  border-inline-end-width: 1px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-l-\[2px\] {
  border-left-width: 2px;
}
.border-l-\[3px\] {
  border-left-width: 3px;
}
.border-l-\[8px\] {
  border-left-width: 8px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-0 {
  border-right-width: 0px;
}
.border-r-\[8px\] {
  border-right-width: 8px;
}
.border-s {
  border-inline-start-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-t-2 {
  border-top-width: 2px;
}
.\!border-solid {
  border-style: solid !important;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.\!border-none {
  border-style: none !important;
}
.border-none {
  border-style: none;
}
.\!border-\[rgba\(255\2c 255\2c 255\2c 0\.15\)\] {
  border-color: rgba(255,255,255,0.15) !important;
}
.\!border-accent {
  border-color: var(--accent) !important;
}
.border-\[\#00b257\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 178 87 / var(--tw-border-opacity));
}
.border-\[\#2574F5\] {
  --tw-border-opacity: 1;
  border-color: rgb(37 116 245 / var(--tw-border-opacity));
}
.border-\[\#2574f5\] {
  --tw-border-opacity: 1;
  border-color: rgb(37 116 245 / var(--tw-border-opacity));
}
.border-\[\#281642\] {
  --tw-border-opacity: 1;
  border-color: rgb(40 22 66 / var(--tw-border-opacity));
}
.border-\[\#292929\] {
  --tw-border-opacity: 1;
  border-color: rgb(41 41 41 / var(--tw-border-opacity));
}
.border-\[\#3E424C\] {
  --tw-border-opacity: 1;
  border-color: rgb(62 66 76 / var(--tw-border-opacity));
}
.border-\[\#606060\] {
  --tw-border-opacity: 1;
  border-color: rgb(96 96 96 / var(--tw-border-opacity));
}
.border-\[\#6E6E6E\] {
  --tw-border-opacity: 1;
  border-color: rgb(110 110 110 / var(--tw-border-opacity));
}
.border-\[\#DDDDDD\] {
  --tw-border-opacity: 1;
  border-color: rgb(221 221 221 / var(--tw-border-opacity));
}
.border-\[\#E3E3E3\] {
  --tw-border-opacity: 1;
  border-color: rgb(227 227 227 / var(--tw-border-opacity));
}
.border-\[\#E9E9E9\] {
  --tw-border-opacity: 1;
  border-color: rgb(233 233 233 / var(--tw-border-opacity));
}
.border-\[\#EBEBEB\] {
  --tw-border-opacity: 1;
  border-color: rgb(235 235 235 / var(--tw-border-opacity));
}
.border-\[\#EEEEEE\] {
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity));
}
.border-\[\#F4F4F4\] {
  --tw-border-opacity: 1;
  border-color: rgb(244 244 244 / var(--tw-border-opacity));
}
.border-\[\#F5F5F5\] {
  --tw-border-opacity: 1;
  border-color: rgb(245 245 245 / var(--tw-border-opacity));
}
.border-\[\#F6F6F6\] {
  --tw-border-opacity: 1;
  border-color: rgb(246 246 246 / var(--tw-border-opacity));
}
.border-\[\#F9F9F9\] {
  --tw-border-opacity: 1;
  border-color: rgb(249 249 249 / var(--tw-border-opacity));
}
.border-\[\#FF3B30\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 59 48 / var(--tw-border-opacity));
}
.border-\[\#FFF\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-\[--yt-border-color\] {
  border-color: var(--yt-border-color);
}
.border-\[rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  border-color: rgba(0,0,0,0.06);
}
.border-\[rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
  border-color: rgba(0,0,0,0.12);
}
.border-\[rgba\(128\2c 128\2c 128\2c 0\.2\)\] {
  border-color: rgba(128,128,128,0.2);
}
.border-\[rgba\(128\2c 128\2c 128\2c 0\.25\)\] {
  border-color: rgba(128,128,128,0.25);
}
.border-\[rgba\(151\2c 151\2c 151\2c 0\.3\)\] {
  border-color: rgba(151,151,151,0.3);
}
.border-\[rgba\(19\2c 157\2c 255\2c 0\.2\)\] {
  border-color: rgba(19,157,255,0.2);
}
.border-\[rgba\(234\2c 179\2c 8\2c 0\.3\)\] {
  border-color: rgba(234,179,8,0.3);
}
.border-\[rgba\(239\2c 68\2c 68\2c 0\.2\)\] {
  border-color: rgba(239,68,68,0.2);
}
.border-\[rgba\(239\2c 68\2c 68\2c 0\.3\)\] {
  border-color: rgba(239,68,68,0.3);
}
.border-\[rgba\(251\2c 191\2c 36\2c 0\.3\)\] {
  border-color: rgba(251,191,36,0.3);
}
.border-\[rgba\(255\2c 255\2c 255\2c 0\.04\)\] {
  border-color: rgba(255,255,255,0.04);
}
.border-\[rgba\(255\2c 255\2c 255\2c 0\.06\)\] {
  border-color: rgba(255,255,255,0.06);
}
.border-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\] {
  border-color: rgba(255,255,255,0.08);
}
.border-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\] {
  border-color: rgba(255,255,255,0.1);
}
.border-\[rgba\(255\2c 255\2c 255\2c 0\.12\)\] {
  border-color: rgba(255,255,255,0.12);
}
.border-\[rgba\(255\2c 255\2c 255\2c 0\.15\)\] {
  border-color: rgba(255,255,255,0.15);
}
.border-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\] {
  border-color: rgba(255,255,255,0.2);
}
.border-\[rgba\(255\2c 255\2c 255\2c 0\.25\)\] {
  border-color: rgba(255,255,255,0.25);
}
.border-\[rgba\(255\2c 255\2c 255\2c 0\.5\)\] {
  border-color: rgba(255,255,255,0.5);
}
.border-\[rgba\(37\2c 116\2c 245\2c 0\.12\)\] {
  border-color: rgba(37,116,245,0.12);
}
.border-\[rgba\(37\2c 116\2c 245\2c 0\.15\)\] {
  border-color: rgba(37,116,245,0.15);
}
.border-\[rgba\(37\2c 116\2c 245\2c 0\.2\)\] {
  border-color: rgba(37,116,245,0.2);
}
.border-\[rgba\(37\2c 116\2c 245\2c 0\.4\)\] {
  border-color: rgba(37,116,245,0.4);
}
.border-\[rgba\(37\2c 116\2c 245\2c 0\.6\)\] {
  border-color: rgba(37,116,245,0.6);
}
.border-\[rgba\(59\2c 130\2c 246\2c 0\.5\)\] {
  border-color: rgba(59,130,246,0.5);
}
.border-\[rgba\(9\2c 121\2c 255\2c 0\.25\)\] {
  border-color: rgba(9,121,255,0.25);
}
.border-\[rgba\(9\2c 121\2c 255\2c 0\.3\)\] {
  border-color: rgba(9,121,255,0.3);
}
.border-\[var\(--bg-elevated-2\)\] {
  border-color: var(--bg-elevated-2);
}
.border-\[var\(--primary\)\] {
  border-color: var(--primary);
}
.border-\[var\(--ytcp-line-divider\)\] {
  border-color: var(--ytcp-line-divider);
}
.border-accent {
  border-color: var(--accent);
}
.border-border-primary {
  border-color: var(--border-primary);
}
.border-cloud {
  border-color: var(--cloud);
}
.border-error {
  border-color: var(--error);
}
.border-extra-channel-color-green {
  border-color: var(--extra-channel-color-green);
}
.border-extra-channel-color-pink {
  border-color: var(--extra-channel-color-pink);
}
.border-extra-channel-color-purple {
  border-color: var(--extra-channel-color-purple);
}
.border-granite {
  border-color: var(--granite);
}
.border-light-border {
  border-color: var(--light-border);
}
.border-negative {
  border-color: var(--negative);
}
.border-primary {
  border-color: var(--primary);
}
.border-red {
  border-color: var(--red);
}
.border-separator-1 {
  border-color: var(--separator-1);
}
.border-separator-2 {
  border-color: var(--separator-2);
}
.border-toolbar-border-light {
  border-color: var(--toolbar-border-light);
}
.border-toolbar-divider-light {
  border-color: var(--toolbar-divider-light);
}
.border-toolbar-hover-light {
  border-color: var(--toolbar-hover-light);
}
.border-toolbar-light-card {
  border-color: var(--toolbar-light-card);
}
.border-toolbar-light-secondary {
  border-color: var(--toolbar-light-secondary);
}
.border-toolbar-tooltip-border {
  border-color: var(--toolbar-tooltip-border);
}
.border-transparent {
  border-color: transparent;
}
.border-upload-flow-grey-10 {
  border-color: var(--upload-flow-grey-10);
}
.border-upload-flow-grey-11 {
  border-color: var(--upload-flow-grey-11);
}
.border-upload-flow-grey-3 {
  border-color: var(--upload-flow-grey-3);
}
.border-upload-flow-grey-7 {
  border-color: var(--upload-flow-grey-7);
}
.border-upload-flow-light-grey-1 {
  border-color: var(--upload-flow-light-grey-1);
}
.border-upload-flow-light-grey-2 {
  border-color: var(--upload-flow-light-grey-2);
}
.border-upload-flow-light-grey-4 {
  border-color: var(--upload-flow-light-grey-4);
}
.border-upload-flow-white-4 {
  border-color: var(--upload-flow-white-4);
}
.border-upload-flow-white-5 {
  border-color: var(--upload-flow-white-5);
}
.border-video-filters-border-dark {
  border-color: var(--video-filters-border-dark);
}
.border-video-filters-border-light {
  border-color: var(--video-filters-border-light);
}
.border-vidiq {
  border-color: var(--vidiq);
}
.border-white {
  border-color: var(--white);
}
.border-b-toolbar-border-light {
  border-bottom-color: var(--toolbar-border-light);
}
.border-b-toolbar-tooltip-light {
  border-bottom-color: var(--toolbar-tooltip-light);
}
.border-l-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\] {
  border-left-color: rgba(255,255,255,0.2);
}
.border-l-error {
  border-left-color: var(--error);
}
.border-l-success {
  border-left-color: var(--success);
}
.border-l-toolbar-tooltip-light {
  border-left-color: var(--toolbar-tooltip-light);
}
.border-l-transparent {
  border-left-color: transparent;
}
.border-l-warning {
  border-left-color: var(--warning);
}
.border-r-toolbar-tooltip-light {
  border-right-color: var(--toolbar-tooltip-light);
}
.border-r-transparent {
  border-right-color: transparent;
}
.border-r-youtube-divider {
  border-right-color: rgba(82, 82, 82, 0.29);
}
.border-t-iq-primary {
  border-top-color: var(--blue);
}
.border-t-separator-2 {
  border-top-color: var(--separator-2);
}
.border-t-toolbar-tooltip-light {
  border-top-color: var(--toolbar-tooltip-light);
}
.border-opacity-60 {
  --tw-border-opacity: 0.6;
}
.\!bg-\[\#1e212a\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(30 33 42 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[\#2574f5\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(37 116 245 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[\#E9F1FD\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(233 241 253 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[rgba\(255\2c 255\2c 255\2c 0\.06\)\] {
  background-color: rgba(255,255,255,0.06) !important;
}
.bg-\[\#000\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-\[\#000\]\/60 {
  background-color: rgb(0 0 0 / 0.6);
}
.bg-\[\#0463FD\] {
  --tw-bg-opacity: 1;
  background-color: rgb(4 99 253 / var(--tw-bg-opacity));
}
.bg-\[\#090D15\] {
  --tw-bg-opacity: 1;
  background-color: rgb(9 13 21 / var(--tw-bg-opacity));
}
.bg-\[\#0F0F0F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 15 15 / var(--tw-bg-opacity));
}
.bg-\[\#139dff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(19 157 255 / var(--tw-bg-opacity));
}
.bg-\[\#19082F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(25 8 47 / var(--tw-bg-opacity));
}
.bg-\[\#1D1D1D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(29 29 29 / var(--tw-bg-opacity));
}
.bg-\[\#1E212B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 33 43 / var(--tw-bg-opacity));
}
.bg-\[\#222\] {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity));
}
.bg-\[\#2574F526\] {
  background-color: #2574F526;
}
.bg-\[\#2574F5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 116 245 / var(--tw-bg-opacity));
}
.bg-\[\#2574f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 116 245 / var(--tw-bg-opacity));
}
.bg-\[\#2E2E2E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(46 46 46 / var(--tw-bg-opacity));
}
.bg-\[\#2c3139\] {
  --tw-bg-opacity: 1;
  background-color: rgb(44 49 57 / var(--tw-bg-opacity));
}
.bg-\[\#606060\] {
  --tw-bg-opacity: 1;
  background-color: rgb(96 96 96 / var(--tw-bg-opacity));
}
.bg-\[\#6366f1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}
.bg-\[\#7554F9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(117 84 249 / var(--tw-bg-opacity));
}
.bg-\[\#B6253F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(182 37 63 / var(--tw-bg-opacity));
}
.bg-\[\#CFCFCF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(207 207 207 / var(--tw-bg-opacity));
}
.bg-\[\#D0D0D7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(208 208 215 / var(--tw-bg-opacity));
}
.bg-\[\#E5E5E5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}
.bg-\[\#E5E7ED\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 237 / var(--tw-bg-opacity));
}
.bg-\[\#EEEEEE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}
.bg-\[\#EFEFEF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
}
.bg-\[\#F6F5F9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 245 249 / var(--tw-bg-opacity));
}
.bg-\[\#F6F6F6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}
.bg-\[\#F6F6F6\]\/50 {
  background-color: rgb(246 246 246 / 0.5);
}
.bg-\[\#F8F8F8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.bg-\[\#F9F9F9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
.bg-\[\#F9f9f9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
.bg-\[\#FDFDFD\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 253 253 / var(--tw-bg-opacity));
}
.bg-\[\#FEFEFE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 254 254 / var(--tw-bg-opacity));
}
.bg-\[\#FFFFFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-\[\#FFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-\[\#FFF\]\/90 {
  background-color: rgb(255 255 255 / 0.9);
}
.bg-\[\#e5e5e5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}
.bg-\[\#ff00001a\] {
  background-color: #ff00001a;
}
.bg-\[\#fff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-\[--extra-light-grey\] {
  background-color: var(--extra-light-grey);
}
.bg-\[--white-bg\] {
  background-color: var(--white-bg);
}
.bg-\[rgb\(15\2c 15\2c 15\)\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 15 15 / var(--tw-bg-opacity));
}
.bg-\[rgb\(229\2c 229\2c 229\)\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}
.bg-\[rgb\(249\2c 249\2c 249\)\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
.bg-\[rgb\(48\2c 56\2c 64\)\] {
  --tw-bg-opacity: 1;
  background-color: rgb(48 56 64 / var(--tw-bg-opacity));
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.015\)\] {
  background-color: rgba(0,0,0,0.015);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.02\)\] {
  background-color: rgba(0,0,0,0.02);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.04\)\] {
  background-color: rgba(0,0,0,0.04);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
  background-color: rgba(0,0,0,0.05);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  background-color: rgba(0,0,0,0.08);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  background-color: rgba(0,0,0,0.1);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
  background-color: rgba(0,0,0,0.2);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.45\)\] {
  background-color: rgba(0,0,0,0.45);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  background-color: rgba(0,0,0,0.5);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.55\)\] {
  background-color: rgba(0,0,0,0.55);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
  background-color: rgba(0,0,0,0.6);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.7\)\] {
  background-color: rgba(0,0,0,0.7);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.75\)\] {
  background-color: rgba(0,0,0,0.75);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  background-color: rgba(0,0,0,0.8);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.85\)\] {
  background-color: rgba(0,0,0,0.85);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.9\)\] {
  background-color: rgba(0,0,0,0.9);
}
.bg-\[rgba\(0\2c 178\2c 87\2c 0\.12\)\] {
  background-color: rgba(0,178,87,0.12);
}
.bg-\[rgba\(128\2c 128\2c 128\2c 0\.05\)\] {
  background-color: rgba(128,128,128,0.05);
}
.bg-\[rgba\(128\2c 128\2c 128\2c 0\.15\)\] {
  background-color: rgba(128,128,128,0.15);
}
.bg-\[rgba\(128\2c 128\2c 128\2c 0\.2\)\] {
  background-color: rgba(128,128,128,0.2);
}
.bg-\[rgba\(128\2c 128\2c 128\2c 0\.25\)\] {
  background-color: rgba(128,128,128,0.25);
}
.bg-\[rgba\(16\2c 19\2c 28\2c 0\.70\)\] {
  background-color: rgba(16,19,28,0.70);
}
.bg-\[rgba\(169\2c 174\2c 187\2c 0\.08\)\] {
  background-color: rgba(169,174,187,0.08);
}
.bg-\[rgba\(19\2c 157\2c 255\2c 0\.03\)\] {
  background-color: rgba(19,157,255,0.03);
}
.bg-\[rgba\(19\2c 157\2c 255\2c 0\.1\)\] {
  background-color: rgba(19,157,255,0.1);
}
.bg-\[rgba\(19\2c 157\2c 255\2c 0\.12\)\] {
  background-color: rgba(19,157,255,0.12);
}
.bg-\[rgba\(19\2c 157\2c 255\2c 0\.4\)\] {
  background-color: rgba(19,157,255,0.4);
}
.bg-\[rgba\(214\2c 64\2c 94\2c 0\.1\)\] {
  background-color: rgba(214,64,94,0.1);
}
.bg-\[rgba\(214\2c 64\2c 94\2c 0\.12\)\] {
  background-color: rgba(214,64,94,0.12);
}
.bg-\[rgba\(234\2c 179\2c 8\2c 0\.08\)\] {
  background-color: rgba(234,179,8,0.08);
}
.bg-\[rgba\(239\2c 68\2c 68\2c 0\.1\)\] {
  background-color: rgba(239,68,68,0.1);
}
.bg-\[rgba\(24\2c 24\2c 24\2c 0\.98\)\] {
  background-color: rgba(24,24,24,0.98);
}
.bg-\[rgba\(245\2c 158\2c 11\2c 0\.12\)\] {
  background-color: rgba(245,158,11,0.12);
}
.bg-\[rgba\(251\2c 191\2c 36\2c 0\.1\)\] {
  background-color: rgba(251,191,36,0.1);
}
.bg-\[rgba\(251\2c 191\2c 36\2c 0\.12\)\] {
  background-color: rgba(251,191,36,0.12);
}
.bg-\[rgba\(251\2c 251\2c 251\2c 0\.45\)\] {
  background-color: rgba(251,251,251,0.45);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.02\)\] {
  background-color: rgba(255,255,255,0.02);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.03\)\] {
  background-color: rgba(255,255,255,0.03);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.04\)\] {
  background-color: rgba(255,255,255,0.04);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.05\)\] {
  background-color: rgba(255,255,255,0.05);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.06\)\] {
  background-color: rgba(255,255,255,0.06);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\] {
  background-color: rgba(255,255,255,0.08);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\] {
  background-color: rgba(255,255,255,0.1);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.12\)\] {
  background-color: rgba(255,255,255,0.12);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.15\)\] {
  background-color: rgba(255,255,255,0.15);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\] {
  background-color: rgba(255,255,255,0.2);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.4\)\] {
  background-color: rgba(255,255,255,0.4);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.5\)\] {
  background-color: rgba(255,255,255,0.5);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.6\)\] {
  background-color: rgba(255,255,255,0.6);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.65\)\] {
  background-color: rgba(255,255,255,0.65);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.8\)\] {
  background-color: rgba(255,255,255,0.8);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.85\)\] {
  background-color: rgba(255,255,255,0.85);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 1\)\] {
  background-color: rgba(255,255,255,1);
}
.bg-\[rgba\(30\2c 30\2c 30\2c 0\.95\)\] {
  background-color: rgba(30,30,30,0.95);
}
.bg-\[rgba\(30\2c 30\2c 35\2c 0\.95\)\] {
  background-color: rgba(30,30,35,0.95);
}
.bg-\[rgba\(30\2c 30\2c 35\2c 0\.98\)\] {
  background-color: rgba(30,30,35,0.98);
}
.bg-\[rgba\(34\2c 197\2c 94\2c 0\.1\)\] {
  background-color: rgba(34,197,94,0.1);
}
.bg-\[rgba\(34\2c 197\2c 94\2c 0\.12\)\] {
  background-color: rgba(34,197,94,0.12);
}
.bg-\[rgba\(35\2c 35\2c 40\2c 0\.98\)\] {
  background-color: rgba(35,35,40,0.98);
}
.bg-\[rgba\(37\2c 116\2c 245\2c 0\.06\)\] {
  background-color: rgba(37,116,245,0.06);
}
.bg-\[rgba\(37\2c 116\2c 245\2c 0\.08\)\] {
  background-color: rgba(37,116,245,0.08);
}
.bg-\[rgba\(37\2c 116\2c 245\2c 0\.1\)\] {
  background-color: rgba(37,116,245,0.1);
}
.bg-\[rgba\(37\2c 116\2c 245\2c 0\.15\)\] {
  background-color: rgba(37,116,245,0.15);
}
.bg-\[rgba\(37\2c 116\2c 245\2c 0\.2\)\] {
  background-color: rgba(37,116,245,0.2);
}
.bg-\[rgba\(37\2c 116\2c 245\2c 0\.8\)\] {
  background-color: rgba(37,116,245,0.8);
}
.bg-\[rgba\(40\2c 40\2c 40\2c 0\.95\)\] {
  background-color: rgba(40,40,40,0.95);
}
.bg-\[rgba\(59\2c 130\2c 246\2c 0\.08\)\] {
  background-color: rgba(59,130,246,0.08);
}
.bg-\[rgba\(59\2c 130\2c 246\2c 0\.1\)\] {
  background-color: rgba(59,130,246,0.1);
}
.bg-\[rgba\(59\2c 130\2c 246\2c 0\.2\)\] {
  background-color: rgba(59,130,246,0.2);
}
.bg-\[rgba\(59\2c 130\2c 246\2c 0\.3\)\] {
  background-color: rgba(59,130,246,0.3);
}
.bg-\[rgba\(59\2c 130\2c 246\2c 0\.9\)\] {
  background-color: rgba(59,130,246,0.9);
}
.bg-\[rgba\(74\2c 222\2c 128\2c 0\.15\)\] {
  background-color: rgba(74,222,128,0.15);
}
.bg-\[rgba\(79\2c 149\2c 234\2c 0\.1\)\] {
  background-color: rgba(79,149,234,0.1);
}
.bg-\[rgba\(9\2c 121\2c 255\2c 0\.03\)\] {
  background-color: rgba(9,121,255,0.03);
}
.bg-\[rgba\(96\2c 96\2c 96\2c 0\.5\)\] {
  background-color: rgba(96,96,96,0.5);
}
.bg-\[var\(--background-tinted\)\] {
  background-color: var(--background-tinted);
}
.bg-abyss {
  background-color: var(--abyss);
}
.bg-accent {
  background-color: var(--accent);
}
.bg-amethyst {
  background-color: var(--amethyst);
}
.bg-ash {
  background-color: var(--ash);
}
.bg-background-primary {
  background-color: var(--background-primary);
}
.bg-background-secondary {
  background-color: var(--background-secondary);
}
.bg-background-tertiary {
  background-color: var(--background-tertiary);
}
.bg-basalt {
  background-color: var(--basalt);
}
.bg-border-primary {
  background-color: var(--border-primary);
}
.bg-caution {
  background-color: var(--caution);
}
.bg-charcoal {
  background-color: var(--charcoal);
}
.bg-cloud {
  background-color: var(--cloud);
}
.bg-current {
  background-color: currentColor;
}
.bg-dark-bg-secondary {
  background-color: var(--dark-bg-secondary);
}
.bg-dew {
  background-color: var(--dew);
}
.bg-eclipse {
  background-color: var(--eclipse);
}
.bg-error {
  background-color: var(--error);
}
.bg-fog {
  background-color: var(--fog);
}
.bg-frost {
  background-color: var(--frost);
}
.bg-granite {
  background-color: var(--granite);
}
.bg-green {
  background-color: var(--green);
}
.bg-iq-primary {
  background-color: var(--blue);
}
.bg-keyword-score-high-transparent {
  background-color: var(--keyword-score-high-transparent);
}
.bg-keyword-score-low-transparent {
  background-color: var(--keyword-score-low-transparent);
}
.bg-keyword-score-medium-transparent {
  background-color: var(--keyword-score-medium-transparent);
}
.bg-light-bg {
  background-color: var(--light-bg);
}
.bg-light-bg-secondary {
  background-color: var(--light-bg-secondary);
}
.bg-light-bg-tertiary {
  background-color: var(--light-bg-tertiary);
}
.bg-light-border {
  background-color: var(--light-border);
}
.bg-light-text-secondary {
  background-color: var(--light-text-secondary);
}
.bg-low {
  background-color: var(--low);
}
.bg-lunar {
  background-color: var(--lunar);
}
.bg-midnight {
  background-color: var(--midnight);
}
.bg-mist {
  background-color: var(--mist);
}
.bg-modal-button-light {
  background-color: var(--modal-button-light);
}
.bg-negative {
  background-color: var(--negative);
}
.bg-nimbus {
  background-color: var(--nimbus);
}
.bg-overcast {
  background-color: var(--overcast);
}
.bg-pewter {
  background-color: var(--pewter);
}
.bg-polar {
  background-color: var(--polar);
}
.bg-positive {
  background-color: var(--positive);
}
.bg-primary {
  background-color: var(--primary);
}
.bg-red {
  background-color: var(--red);
}
.bg-separator-1 {
  background-color: var(--separator-1);
}
.bg-separator-2 {
  background-color: var(--separator-2);
}
.bg-slate {
  background-color: var(--slate);
}
.bg-sleet {
  background-color: var(--sleet);
}
.bg-subscriber-count-bg-light {
  background-color: var(--subscriber-count-bg-light);
}
.bg-success {
  background-color: var(--success);
}
.bg-toolbar-border-light {
  background-color: var(--toolbar-border-light);
}
.bg-toolbar-divider-light {
  background-color: var(--toolbar-divider-light);
}
.bg-toolbar-dropdown-light-hover {
  background-color: var(--toolbar-dropdown-light-hover);
}
.bg-toolbar-light-bg {
  background-color: var(--toolbar-light-bg);
}
.bg-toolbar-light-card {
  background-color: var(--toolbar-light-card);
}
.bg-toolbar-light-secondary {
  background-color: var(--toolbar-light-secondary);
}
.bg-toolbar-skeleton-light {
  background-color: var(--toolbar-skeleton-light);
}
.bg-toolbar-tooltip-dark-bg {
  background-color: var(--toolbar-tooltip-dark-bg);
}
.bg-toolbar-tooltip-light {
  background-color: var(--toolbar-tooltip-light);
}
.bg-toolbar-unread {
  background-color: var(--toolbar-unread);
}
.bg-transparent {
  background-color: transparent;
}
.bg-upload-flow-grey-10 {
  background-color: var(--upload-flow-grey-10);
}
.bg-upload-flow-grey-12 {
  background-color: var(--upload-flow-grey-12);
}
.bg-upload-flow-grey-2 {
  background-color: var(--upload-flow-grey-2);
}
.bg-upload-flow-light-grey-2 {
  background-color: var(--upload-flow-light-grey-2);
}
.bg-upload-flow-light-grey-3 {
  background-color: var(--upload-flow-light-grey-3);
}
.bg-upload-flow-light-grey-4 {
  background-color: var(--upload-flow-light-grey-4);
}
.bg-upload-flow-white-1 {
  background-color: var(--upload-flow-white-1);
}
.bg-upload-flow-white-1-50 {
  background-color: var(--upload-flow-white-1-50);
}
.bg-upload-flow-white-2 {
  background-color: var(--upload-flow-white-2);
}
.bg-upload-flow-white-3 {
  background-color: var(--upload-flow-white-3);
}
.bg-upload-flow-white-4 {
  background-color: var(--upload-flow-white-4);
}
.bg-upload-flow-white-5 {
  background-color: var(--upload-flow-white-5);
}
.bg-vapor {
  background-color: var(--vapor);
}
.bg-video-filters-bg-light {
  background-color: var(--video-filters-bg-light);
}
.bg-video-filters-bg-secondary-light {
  background-color: var(--video-filters-bg-secondary-light);
}
.bg-video-filters-border-light {
  background-color: var(--video-filters-border-light);
}
.bg-vidiq {
  background-color: var(--vidiq);
}
.bg-warning {
  background-color: var(--warning);
}
.bg-white {
  background-color: var(--white);
}
.bg-yellow {
  background-color: var(--yellow);
}
.bg-youtube-button-light {
  background-color: rgba(0, 0, 0, 0.05);
}
.bg-youtube-divider {
  background-color: rgba(82, 82, 82, 0.29);
}
.bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}
.bg-\[linear-gradient\(135deg\2c \#0979ff_0\%\2c \#6B21A8_100\%\)\] {
  background-image: linear-gradient(135deg,#0979ff 0%,#6B21A8 100%);
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-\[\#07e092\] {
  --tw-gradient-from: #07e092 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(7 224 146 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#2574f5\] {
  --tw-gradient-from: #2574f5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 116 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#3b82f6\] {
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#ff0000\] {
  --tw-gradient-from: #ff0000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
  --tw-gradient-from: rgba(0,0,0,0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(0, 0, 0, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  --tw-gradient-from: rgba(0,0,0,0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(0, 0, 0, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[rgba\(255\2c 255\2c 255\2c 0\.8\)\] {
  --tw-gradient-from: rgba(255,255,255,0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[rgba\(35\2c 35\2c 40\2c 0\.9\)\] {
  --tw-gradient-from: rgba(35,35,40,0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(35, 35, 40, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[rgba\(37\2c 116\2c 245\2c 0\.12\)\] {
  --tw-gradient-from: rgba(37,116,245,0.12) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(37, 116, 245, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[rgba\(45\2c 45\2c 50\2c 0\.98\)\] {
  --tw-gradient-from: rgba(45,45,50,0.98) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(45, 45, 50, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[rgba\(90\2c 156\2c 255\2c 0\.15\)\] {
  --tw-gradient-from: rgba(90,156,255,0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(90, 156, 255, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[var\(--keyword-score-low\)\] {
  --tw-gradient-from: var(--keyword-score-low) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-error {
  --tw-gradient-from: var(--error) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary {
  --tw-gradient-from: var(--primary) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-success {
  --tw-gradient-from: var(--success) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-upload-flow-white-2 {
  --tw-gradient-from: var(--upload-flow-white-2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-warning {
  --tw-gradient-from: var(--warning) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\] {
  --tw-gradient-to: rgba(255, 255, 255, 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgba(255,255,255,0.08) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[rgba\(255\2c 255\2c 255\2c 0\.15\)\] {
  --tw-gradient-to: rgba(255, 255, 255, 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgba(255,255,255,0.15) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\] {
  --tw-gradient-to: rgba(255, 255, 255, 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgba(255,255,255,0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[rgba\(255\2c 255\2c 255\2c 0\.25\)\] {
  --tw-gradient-to: rgba(255, 255, 255, 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgba(255,255,255,0.25) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[rgba\(255\2c 255\2c 255\2c 0\.6\)\] {
  --tw-gradient-to: rgba(255, 255, 255, 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgba(255,255,255,0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[var\(--keyword-score-medium\)\] {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--keyword-score-medium) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-transparent {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-upload-flow-white-2 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--upload-flow-white-2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#2563eb\] {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}
.to-\[\#2574f5\] {
  --tw-gradient-to: #2574f5 var(--tw-gradient-to-position);
}
.to-\[\#ffb800\] {
  --tw-gradient-to: #ffb800 var(--tw-gradient-to-position);
}
.to-\[rgba\(0\2c 178\2c 87\2c 0\.5\)\] {
  --tw-gradient-to: rgba(0,178,87,0.5) var(--tw-gradient-to-position);
}
.to-\[rgba\(214\2c 64\2c 94\2c 0\.5\)\] {
  --tw-gradient-to: rgba(214,64,94,0.5) var(--tw-gradient-to-position);
}
.to-\[rgba\(245\2c 158\2c 11\2c 0\.5\)\] {
  --tw-gradient-to: rgba(245,158,11,0.5) var(--tw-gradient-to-position);
}
.to-\[rgba\(255\2c 255\2c 255\2c 0\.8\)\] {
  --tw-gradient-to: rgba(255,255,255,0.8) var(--tw-gradient-to-position);
}
.to-\[rgba\(35\2c 35\2c 40\2c 0\.98\)\] {
  --tw-gradient-to: rgba(35,35,40,0.98) var(--tw-gradient-to-position);
}
.to-\[var\(--keyword-score-high\)\] {
  --tw-gradient-to: var(--keyword-score-high) var(--tw-gradient-to-position);
}
.to-iq-primary {
  --tw-gradient-to: var(--blue) var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-upload-flow-white-3 {
  --tw-gradient-to: var(--upload-flow-white-3) var(--tw-gradient-to-position);
}
.bg-repeat {
  background-repeat: repeat;
}
.fill-\[\#4a4a4a\] {
  fill: #4a4a4a;
}
.fill-\[--bg-elevated-2\] {
  fill: var(--bg-elevated-2);
}
.fill-\[rgb\(3\2c 3\2c 3\)\] {
  fill: rgb(3,3,3);
}
.fill-\[rgb\(96\2c 96\2c 96\)\] {
  fill: rgb(96,96,96);
}
.fill-\[var\(--text-1\)\] {
  fill: var(--text-1);
}
.fill-accent {
  fill: var(--accent);
}
.fill-charcoal {
  fill: var(--charcoal);
}
.fill-current {
  fill: currentColor;
}
.fill-dew {
  fill: var(--dew);
}
.fill-eclipse {
  fill: var(--eclipse);
}
.fill-transparent {
  fill: transparent;
}
.fill-vidiq {
  fill: var(--vidiq);
}
.fill-white {
  fill: var(--white);
}
.stroke-\[var\(--bg-elevated-2\)\] {
  stroke: var(--bg-elevated-2);
}
.stroke-accent {
  stroke: var(--accent);
}
.stroke-\[2\.5\] {
  stroke-width: 2.5;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.p-0 {
  padding: 0px;
}
.p-2xlarge {
  padding: 48px;
}
.p-2xsmall {
  padding: 4px;
}
.p-3xlarge {
  padding: 96px;
}
.p-3xsmall {
  padding: 2px;
}
.p-\[10px\] {
  padding: 10px;
}
.p-\[12px\] {
  padding: 12px;
}
.p-\[20px\] {
  padding: 20px;
}
.p-\[2px\] {
  padding: 2px;
}
.p-\[3px\] {
  padding: 3px;
}
.p-\[4px\] {
  padding: 4px;
}
.p-\[6px\] {
  padding: 6px;
}
.p-\[8px\] {
  padding: 8px;
}
.p-\[inherit\] {
  padding: inherit;
}
.p-\[var\(--button-padding\)\] {
  padding: var(--button-padding);
}
.p-large {
  padding: 24px;
}
.p-medium {
  padding: 16px;
}
.p-none {
  padding: 0px;
}
.p-small {
  padding: 12px;
}
.p-xlarge {
  padding: 32px;
}
.p-xsmall {
  padding: 8px;
}
.\!px-none {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!px-xsmall {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.\!py-none {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.px-2xsmall {
  padding-left: 4px;
  padding-right: 4px;
}
.px-3xsmall {
  padding-left: 2px;
  padding-right: 2px;
}
.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[12px\] {
  padding-left: 12px;
  padding-right: 12px;
}
.px-\[14px\] {
  padding-left: 14px;
  padding-right: 14px;
}
.px-\[16px\] {
  padding-left: 16px;
  padding-right: 16px;
}
.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}
.px-\[24px\] {
  padding-left: 24px;
  padding-right: 24px;
}
.px-\[2px\] {
  padding-left: 2px;
  padding-right: 2px;
}
.px-\[4px\] {
  padding-left: 4px;
  padding-right: 4px;
}
.px-\[6px\] {
  padding-left: 6px;
  padding-right: 6px;
}
.px-\[7px\] {
  padding-left: 7px;
  padding-right: 7px;
}
.px-\[8px\] {
  padding-left: 8px;
  padding-right: 8px;
}
.px-large {
  padding-left: 24px;
  padding-right: 24px;
}
.px-medium {
  padding-left: 16px;
  padding-right: 16px;
}
.px-small {
  padding-left: 12px;
  padding-right: 12px;
}
.px-toolbar-trigger {
  padding-left: 6px;
  padding-right: 6px;
}
.px-xlarge {
  padding-left: 32px;
  padding-right: 32px;
}
.px-xsmall {
  padding-left: 8px;
  padding-right: 8px;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-2xlarge {
  padding-top: 48px;
  padding-bottom: 48px;
}
.py-2xsmall {
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-3xsmall {
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-\[0\.2px\] {
  padding-top: 0.2px;
  padding-bottom: 0.2px;
}
.py-\[0\.5px\] {
  padding-top: 0.5px;
  padding-bottom: 0.5px;
}
.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[12px\] {
  padding-top: 12px;
  padding-bottom: 12px;
}
.py-\[16px\] {
  padding-top: 16px;
  padding-bottom: 16px;
}
.py-\[1px\] {
  padding-top: 1px;
  padding-bottom: 1px;
}
.py-\[20px\] {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-\[24px\] {
  padding-top: 24px;
  padding-bottom: 24px;
}
.py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-\[40px\] {
  padding-top: 40px;
  padding-bottom: 40px;
}
.py-\[4px\] {
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}
.py-\[7px\] {
  padding-top: 7px;
  padding-bottom: 7px;
}
.py-\[8px\] {
  padding-top: 8px;
  padding-bottom: 8px;
}
.py-large {
  padding-top: 24px;
  padding-bottom: 24px;
}
.py-medium {
  padding-top: 16px;
  padding-bottom: 16px;
}
.py-none {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-small {
  padding-top: 12px;
  padding-bottom: 12px;
}
.py-xlarge {
  padding-top: 32px;
  padding-bottom: 32px;
}
.py-xsmall {
  padding-top: 8px;
  padding-bottom: 8px;
}
.\!pl-0 {
  padding-left: 0px !important;
}
.\!pl-\[45px\] {
  padding-left: 45px !important;
}
.\!pl-medium {
  padding-left: 16px !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-2xsmall {
  padding-bottom: 4px;
}
.pb-3xsmall {
  padding-bottom: 2px;
}
.pb-\[10px\] {
  padding-bottom: 10px;
}
.pb-\[12px\] {
  padding-bottom: 12px;
}
.pb-\[2px\] {
  padding-bottom: 2px;
}
.pb-\[4px\] {
  padding-bottom: 4px;
}
.pb-\[50px\] {
  padding-bottom: 50px;
}
.pb-\[8px\] {
  padding-bottom: 8px;
}
.pb-large {
  padding-bottom: 24px;
}
.pb-medium {
  padding-bottom: 16px;
}
.pb-small {
  padding-bottom: 12px;
}
.pb-xlarge {
  padding-bottom: 32px;
}
.pb-xsmall {
  padding-bottom: 8px;
}
.pl-2xsmall {
  padding-left: 4px;
}
.pl-3xsmall {
  padding-left: 2px;
}
.pl-\[12px\] {
  padding-left: 12px;
}
.pl-\[14px\] {
  padding-left: 14px;
}
.pl-\[24px\] {
  padding-left: 24px;
}
.pl-\[28px\] {
  padding-left: 28px;
}
.pl-\[32px\] {
  padding-left: 32px;
}
.pl-\[38px\] {
  padding-left: 38px;
}
.pl-\[44px\] {
  padding-left: 44px;
}
.pl-\[5px\] {
  padding-left: 5px;
}
.pl-large {
  padding-left: 24px;
}
.pl-medium {
  padding-left: 16px;
}
.pl-small {
  padding-left: 12px;
}
.pl-xsmall {
  padding-left: 8px;
}
.pr-2xsmall {
  padding-right: 4px;
}
.pr-\[100px\] {
  padding-right: 100px;
}
.pr-\[16px\] {
  padding-right: 16px;
}
.pr-\[24px\] {
  padding-right: 24px;
}
.pr-\[2px\] {
  padding-right: 2px;
}
.pr-\[40px\] {
  padding-right: 40px;
}
.pr-\[48px\] {
  padding-right: 48px;
}
.pr-\[4px\] {
  padding-right: 4px;
}
.pr-\[7px\] {
  padding-right: 7px;
}
.pr-\[8px\] {
  padding-right: 8px;
}
.pr-large {
  padding-right: 24px;
}
.pr-medium {
  padding-right: 16px;
}
.pr-small {
  padding-right: 12px;
}
.pr-xsmall {
  padding-right: 8px;
}
.pt-0 {
  padding-top: 0px;
}
.pt-2xsmall {
  padding-top: 4px;
}
.pt-\[12px\] {
  padding-top: 12px;
}
.pt-\[20px\] {
  padding-top: 20px;
}
.pt-\[2px\] {
  padding-top: 2px;
}
.pt-\[40px\] {
  padding-top: 40px;
}
.pt-\[4px\] {
  padding-top: 4px;
}
.pt-\[8px\] {
  padding-top: 8px;
}
.pt-large {
  padding-top: 24px;
}
.pt-medium {
  padding-top: 16px;
}
.pt-small {
  padding-top: 12px;
}
.pt-xlarge {
  padding-top: 32px;
}
.pt-xsmall {
  padding-top: 8px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.text-end {
  text-align: end;
}
.align-baseline {
  vertical-align: baseline;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.font-\[Satoshi-Variable\] {
  font-family: Satoshi-Variable;
}
.font-inter {
  font-family: Inter, sans-serif;
}
.font-mono {
  font-family: monospace, sans-serif;
}
.font-roboto {
  font-family: Roboto, Noto, Arial, sans-serif;
}
.font-sans {
  font-family: Inter, sans-serif;
}
.font-satoshi {
  font-family: Satoshi-Variable, sans-serif;
}
.text-2xl {
  font-size: 2.4rem;
  line-height: 3.2rem;
}
.text-2xs {
  font-size: 1.1rem;
  line-height: 1.1rem;
}
.text-3xl {
  font-size: 3rem;
  line-height: 3.6rem;
}
.text-3xs {
  font-size: 1.0rem;
  line-height: 1.0rem;
}
.text-4xl {
  font-size: 3.6rem;
  line-height: 4rem;
}
.text-5xl {
  font-size: 4.8rem;
  line-height: 1;
}
.text-6xl {
  font-size: 6rem;
  line-height: 1;
}
.text-\[0\.8rem\] {
  font-size: 0.8rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[17px\] {
  font-size: 17px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[19px\] {
  font-size: 19px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[32px\] {
  font-size: 32px;
}
.text-\[40px\] {
  font-size: 40px;
}
.text-\[48px\] {
  font-size: 48px;
}
.text-\[6px\] {
  font-size: 6px;
}
.text-\[8px\] {
  font-size: 8px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-base {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.text-lg {
  font-size: 1.8rem;
  line-height: 2.8rem;
}
.text-sm {
  font-size: 1.4rem;
  line-height: 2rem;
}
.text-toolbar-base {
  font-size: 11px;
  line-height: 140%;
}
.text-toolbar-lg {
  font-size: 14px;
  line-height: 140%;
}
.text-xl {
  font-size: 2rem;
  line-height: 2.8rem;
}
.text-xs {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.font-\[12px\] {
  font-weight: 12px;
}
.font-\[400\] {
  font-weight: 400;
}
.font-\[460\] {
  font-weight: 460;
}
.font-\[500\] {
  font-weight: 500;
}
.font-\[550\] {
  font-weight: 550;
}
.font-\[600\] {
  font-weight: 600;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-regular {
  font-weight: 400;
}
.font-semiBold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.normal-nums {
  font-variant-numeric: normal;
}
.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.slashed-zero {
  --tw-slashed-zero: slashed-zero;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.lining-nums {
  --tw-numeric-figure: lining-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.oldstyle-nums {
  --tw-numeric-figure: oldstyle-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.proportional-nums {
  --tw-numeric-spacing: proportional-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.diagonal-fractions {
  --tw-numeric-fraction: diagonal-fractions;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-8 {
  line-height: 2rem;
}
.leading-\[0\.8\] {
  line-height: 0.8;
}
.leading-\[1\.3\] {
  line-height: 1.3;
}
.leading-\[1\.4\] {
  line-height: 1.4;
}
.leading-\[1\.5\] {
  line-height: 1.5;
}
.leading-\[10px\] {
  line-height: 10px;
}
.leading-\[120\%\] {
  line-height: 120%;
}
.leading-\[140\%\] {
  line-height: 140%;
}
.leading-\[14px\] {
  line-height: 14px;
}
.leading-\[16px\] {
  line-height: 16px;
}
.leading-\[18px\] {
  line-height: 18px;
}
.leading-\[1\] {
  line-height: 1;
}
.leading-\[20px\] {
  line-height: 20px;
}
.leading-\[22px\] {
  line-height: 22px;
}
.leading-\[24px\] {
  line-height: 24px;
}
.leading-\[25px\] {
  line-height: 25px;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[-0\.01em\] {
  letter-spacing: -0.01em;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.\!text-\[\#fff\] {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-\[\#000\] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-\[\#0f0f0f\] {
  --tw-text-opacity: 1;
  color: rgb(15 15 15 / var(--tw-text-opacity));
}
.text-\[\#10b981\] {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity));
}
.text-\[\#139DFF\] {
  --tw-text-opacity: 1;
  color: rgb(19 157 255 / var(--tw-text-opacity));
}
.text-\[\#2574F5\] {
  --tw-text-opacity: 1;
  color: rgb(37 116 245 / var(--tw-text-opacity));
}
.text-\[\#2A2E3B\] {
  --tw-text-opacity: 1;
  color: rgb(42 46 59 / var(--tw-text-opacity));
}
.text-\[\#3A3A3A\] {
  --tw-text-opacity: 1;
  color: rgb(58 58 58 / var(--tw-text-opacity));
}
.text-\[\#3B82F6\] {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.text-\[\#4DB8FF\] {
  --tw-text-opacity: 1;
  color: rgb(77 184 255 / var(--tw-text-opacity));
}
.text-\[\#5a9bff\] {
  --tw-text-opacity: 1;
  color: rgb(90 155 255 / var(--tw-text-opacity));
}
.text-\[\#606060\] {
  --tw-text-opacity: 1;
  color: rgb(96 96 96 / var(--tw-text-opacity));
}
.text-\[\#6E6E6E\] {
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity));
}
.text-\[\#727272\] {
  --tw-text-opacity: 1;
  color: rgb(114 114 114 / var(--tw-text-opacity));
}
.text-\[\#848484\] {
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}
.text-\[\#979797\] {
  --tw-text-opacity: 1;
  color: rgb(151 151 151 / var(--tw-text-opacity));
}
.text-\[\#A0A0A0\] {
  --tw-text-opacity: 1;
  color: rgb(160 160 160 / var(--tw-text-opacity));
}
.text-\[\#AAAAAA\] {
  --tw-text-opacity: 1;
  color: rgb(170 170 170 / var(--tw-text-opacity));
}
.text-\[\#F59E0B\] {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity));
}
.text-\[\#FFF\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-\[\#ef4444\] {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-\[\#f59e0b\] {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity));
}
.text-\[\#fbbf24\] {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity));
}
.text-\[\#fff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-\[--text-2\] {
  color: var(--text-2);
}
.text-\[rgb\(15\2c 15\2c 15\)\] {
  --tw-text-opacity: 1;
  color: rgb(15 15 15 / var(--tw-text-opacity));
}
.text-\[rgb\(96\2c 96\2c 96\)\] {
  --tw-text-opacity: 1;
  color: rgb(96 96 96 / var(--tw-text-opacity));
}
.text-\[rgba\(214\2c 64\2c 94\2c 0\.8\)\] {
  color: rgba(214,64,94,0.8);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\] {
  color: rgba(255,255,255,0.2);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.25\)\] {
  color: rgba(255,255,255,0.25);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.3\)\] {
  color: rgba(255,255,255,0.3);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.35\)\] {
  color: rgba(255,255,255,0.35);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.4\)\] {
  color: rgba(255,255,255,0.4);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.45\)\] {
  color: rgba(255,255,255,0.45);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.5\)\] {
  color: rgba(255,255,255,0.5);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.6\)\] {
  color: rgba(255,255,255,0.6);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.65\)\] {
  color: rgba(255,255,255,0.65);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.7\)\] {
  color: rgba(255,255,255,0.7);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.8\)\] {
  color: rgba(255,255,255,0.8);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.85\)\] {
  color: rgba(255,255,255,0.85);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.9\)\] {
  color: rgba(255,255,255,0.9);
}
.text-\[rgba\(37\2c 116\2c 245\2c 0\.8\)\] {
  color: rgba(37,116,245,0.8);
}
.text-\[rgba\(59\2c 130\2c 246\2c 1\)\] {
  color: rgba(59,130,246,1);
}
.text-\[rgba\(96\2c 96\2c 96\2c 0\.7\)\] {
  color: rgba(96,96,96,0.7);
}
.text-\[var\(--blue\)\] {
  color: var(--blue);
}
.text-\[var\(--light-green\)\] {
  color: var(--light-green);
}
.text-\[var\(--light-orange\)\] {
  color: var(--light-orange);
}
.text-\[var\(--light-red\)\] {
  color: var(--light-red);
}
.text-\[var\(--primary\)\] {
  color: var(--primary);
}
.text-\[var\(--text-primary\)\] {
  color: var(--text-primary);
}
.text-\[var\(--ytcp-text-primary\)\] {
  color: var(--ytcp-text-primary);
}
.text-abyss {
  color: var(--abyss);
}
.text-accent {
  color: var(--accent);
}
.text-amethyst {
  color: var(--amethyst);
}
.text-ash {
  color: var(--ash);
}
.text-basalt {
  color: var(--basalt);
}
.text-caution {
  color: var(--caution);
}
.text-charcoal {
  color: var(--charcoal);
}
.text-cloud {
  color: var(--cloud);
}
.text-current {
  color: currentColor;
}
.text-dark-text {
  color: var(--dark-text);
}
.text-dew {
  color: var(--dew);
}
.text-eclipse {
  color: var(--eclipse);
}
.text-error {
  color: var(--error);
}
.text-extra-channel-color-green {
  color: var(--extra-channel-color-green);
}
.text-extra-channel-color-pink {
  color: var(--extra-channel-color-pink);
}
.text-extra-channel-color-purple {
  color: var(--extra-channel-color-purple);
}
.text-fog {
  color: var(--fog);
}
.text-frost {
  color: var(--frost);
}
.text-granite {
  color: var(--granite);
}
.text-green {
  color: var(--green);
}
.text-inherit {
  color: inherit;
}
.text-iq-primary {
  color: var(--blue);
}
.text-keyword-score-high {
  color: var(--keyword-score-high);
}
.text-keyword-score-low {
  color: var(--keyword-score-low);
}
.text-keyword-score-medium {
  color: var(--keyword-score-medium);
}
.text-light-text {
  color: var(--light-text);
}
.text-light-text-secondary {
  color: var(--light-text-secondary);
}
.text-low {
  color: var(--low);
}
.text-lunar {
  color: var(--lunar);
}
.text-midnight {
  color: var(--midnight);
}
.text-mist {
  color: var(--mist);
}
.text-modal-text-light {
  color: var(--modal-text-light);
}
.text-negative {
  color: var(--negative);
}
.text-nimbus {
  color: var(--nimbus);
}
.text-overcast {
  color: var(--overcast);
}
.text-pewter {
  color: var(--pewter);
}
.text-polar {
  color: var(--polar);
}
.text-positive {
  color: var(--positive);
}
.text-primary {
  color: var(--primary);
}
.text-red {
  color: var(--red);
}
.text-slate {
  color: var(--slate);
}
.text-sleet {
  color: var(--sleet);
}
.text-subscriber-count-text-light {
  color: var(--subscriber-count-text-light);
}
.text-success {
  color: var(--success);
}
.text-t-primary {
  color: var(--text-primary);
}
.text-t-purple {
  color: var(--text-purple);
}
.text-t-secondary {
  color: var(--text-secondary);
}
.text-toolbar-dark-text {
  color: var(--toolbar-dark-text);
}
.text-toolbar-hover-light {
  color: var(--toolbar-hover-light);
}
.text-toolbar-light-secondary {
  color: var(--toolbar-light-secondary);
}
.text-toolbar-light-text {
  color: var(--toolbar-light-text);
}
.text-toolbar-trend-down {
  color: var(--toolbar-trend-down);
}
.text-toolbar-trend-up {
  color: var(--toolbar-trend-up);
}
.text-transparent {
  color: transparent;
}
.text-upload-flow-grey-1 {
  color: var(--upload-flow-grey-1);
}
.text-upload-flow-grey-2 {
  color: var(--upload-flow-grey-2);
}
.text-upload-flow-grey-3 {
  color: var(--upload-flow-grey-3);
}
.text-upload-flow-grey-4 {
  color: var(--upload-flow-grey-4);
}
.text-upload-flow-light-grey-2 {
  color: var(--upload-flow-light-grey-2);
}
.text-upload-flow-light-grey-3 {
  color: var(--upload-flow-light-grey-3);
}
.text-upload-flow-light-grey-5 {
  color: var(--upload-flow-light-grey-5);
}
.text-vapor {
  color: var(--vapor);
}
.text-video-filters-text-secondary-dark {
  color: var(--video-filters-text-secondary-dark);
}
.text-video-filters-text-secondary-light {
  color: var(--video-filters-text-secondary-light);
}
.text-video-filters-text-tertiary-light {
  color: var(--video-filters-text-tertiary-light);
}
.text-vidiq {
  color: var(--vidiq);
}
.text-warning {
  color: var(--warning);
}
.text-white {
  color: var(--white);
}
.text-yellow {
  color: var(--yellow);
}
.underline {
  text-decoration-line: underline;
}
.overline {
  text-decoration-line: overline;
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.decoration-accent {
  text-decoration-color: var(--accent);
}
.decoration-dotted {
  text-decoration-style: dotted;
}
.decoration-2 {
  text-decoration-thickness: 2px;
}
.decoration-4 {
  text-decoration-thickness: 4px;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.underline-offset-\[16px\] {
  text-underline-offset: 16px;
}
.underline-offset-\[3px\] {
  text-underline-offset: 3px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
.placeholder-dew::placeholder {
  color: var(--dew);
}
.caret-accent {
  caret-color: var(--accent);
}
.accent-primary {
  accent-color: var(--primary);
}
.\!opacity-100 {
  opacity: 1 !important;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-15 {
  opacity: 0.15;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.bg-blend-multiply {
  background-blend-mode: multiply;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-1px_2px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)_inset\2c 0_1px_2px_0_rgba\(255\2c 255\2c 255\2c 0\.02\)_inset\2c 0_16px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.01\)\2c 0_10px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c 0_6px_3px_0_rgba\(0\2c 0\2c 0\2c 0\.10\)\2c 0_3px_3px_0_rgba\(0\2c 0\2c 0\2c 0\.26\)\2c 0_1px_1px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
  --tw-shadow: 0 -1px 2px 0 rgba(0,0,0,0.05) inset,0 1px 2px 0 rgba(255,255,255,0.02) inset,0 16px 4px 0 rgba(0,0,0,0.01),0 10px 4px 0 rgba(0,0,0,0.05),0 6px 3px 0 rgba(0,0,0,0.10),0 3px 3px 0 rgba(0,0,0,0.26),0 1px 1px 0 rgba(0,0,0,0.05);
  --tw-shadow-colored: inset 0 -1px 2px 0 var(--tw-shadow-color), inset 0 1px 2px 0 var(--tw-shadow-color), 0 16px 4px 0 var(--tw-shadow-color), 0 10px 4px 0 var(--tw-shadow-color), 0 6px 3px 0 var(--tw-shadow-color), 0 3px 3px 0 var(--tw-shadow-color), 0 1px 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_2px_\#2574F5\] {
  --tw-shadow: 0 0 0 2px #2574F5;
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_2px_rgba\(37\2c 116\2c 245\2c 0\.25\)\] {
  --tw-shadow: 0 0 0 2px rgba(37,116,245,0.25);
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(37\2c 116\2c 245\2c 0\.3\)\] {
  --tw-shadow: 0 0 20px rgba(37,116,245,0.3);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_3px_0_rgba\(0\2c 0\2c 0\2c 0\.00\)\2c 0_7px_3px_0_rgba\(0\2c 0\2c 0\2c 0\.01\)\2c 0_4px_3px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c 0_2px_2px_0_rgba\(0\2c 0\2c 0\2c 0\.08\)\2c 0_0_1px_0_rgba\(0\2c 0\2c 0\2c 0\.10\)\] {
  --tw-shadow: 0 12px 3px 0 rgba(0,0,0,0.00),0 7px 3px 0 rgba(0,0,0,0.01),0 4px 3px 0 rgba(0,0,0,0.05),0 2px 2px 0 rgba(0,0,0,0.08),0 0 1px 0 rgba(0,0,0,0.10);
  --tw-shadow-colored: 0 12px 3px 0 var(--tw-shadow-color), 0 7px 3px 0 var(--tw-shadow-color), 0 4px 3px 0 var(--tw-shadow-color), 0 2px 2px 0 var(--tw-shadow-color), 0 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.04\)\] {
  --tw-shadow: 0 1px 3px rgba(0,0,0,0.04);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.06\)\2c 0_8px_24px_rgba\(0\2c 0\2c 0\2c 0\.04\)\] {
  --tw-shadow: 0 1px 3px rgba(0,0,0,0.06),0 8px 24px rgba(0,0,0,0.04);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_23px_7px_0_rgba\(0\2c 0\2c 0\2c 0\.00\)\2c _0_15px_6px_0_rgba\(0\2c 0\2c 0\2c 0\.01\)\2c _0_8px_5px_0_rgba\(0\2c 0\2c 0\2c 0\.03\)\2c _0_4px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.04\)\2c _0_1px_2px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
  --tw-shadow: 0 23px 7px 0 rgba(0,0,0,0.00), 0 15px 6px 0 rgba(0,0,0,0.01), 0 8px 5px 0 rgba(0,0,0,0.03), 0 4px 4px 0 rgba(0,0,0,0.04), 0 1px 2px 0 rgba(0,0,0,0.05);
  --tw-shadow-colored: 0 23px 7px 0 var(--tw-shadow-color), 0 15px 6px 0 var(--tw-shadow-color), 0 8px 5px 0 var(--tw-shadow-color), 0 4px 4px 0 var(--tw-shadow-color), 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_25px_50px_-12px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  --tw-shadow: 0 25px 50px -12px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_25px_50px_-12px_rgba\(0\2c 0\2c 0\2c 0\.6\)\2c 0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.05\)_inset\] {
  --tw-shadow: 0 25px 50px -12px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.05) inset;
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color), inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_0_0_\#0066ff\] {
  --tw-shadow: 0 2px 0 0 #0066ff;
  --tw-shadow-colored: 0 2px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_0_0_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: 0 2px 0 0 rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 2px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_6px_rgba\(37\2c 116\2c 245\2c 0\.4\)\] {
  --tw-shadow: 0 2px 6px rgba(37,116,245,0.4);
  --tw-shadow-colored: 0 2px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_8px_rgba\(37\2c 116\2c 245\2c 0\.35\)\2c 0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.1\)_inset\] {
  --tw-shadow: 0 2px 8px rgba(37,116,245,0.35),0 0 0 1px rgba(255,255,255,0.1) inset;
  --tw-shadow-colored: 0 2px 8px var(--tw-shadow-color), inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_8px_rgba\(37\2c 116\2c 245\2c 0\.35\)\] {
  --tw-shadow: 0 2px 8px rgba(37,116,245,0.35);
  --tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: 0 4px 12px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
  --tw-shadow: 0 4px 12px rgba(0,0,0,0.15);
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
  --tw-shadow: 0 4px 12px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_6px_-1px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_75px_21px_0_rgba\(0\2c 0\2c 0\2c 0\.00\)\2c _0_48px_19px_0_rgba\(0\2c 0\2c 0\2c 0\.01\)\2c _0_27px_16px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c _0_12px_12px_0_rgba\(0\2c 0\2c 0\2c 0\.09\)\2c _0_3px_7px_0_rgba\(0\2c 0\2c 0\2c 0\.10\)\] {
  --tw-shadow: 0 75px 21px 0 rgba(0,0,0,0.00), 0 48px 19px 0 rgba(0,0,0,0.01), 0 27px 16px 0 rgba(0,0,0,0.05), 0 12px 12px 0 rgba(0,0,0,0.09), 0 3px 7px 0 rgba(0,0,0,0.10);
  --tw-shadow-colored: 0 75px 21px 0 var(--tw-shadow-color), 0 48px 19px 0 var(--tw-shadow-color), 0 27px 16px 0 var(--tw-shadow-color), 0 12px 12px 0 var(--tw-shadow-color), 0 3px 7px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_7px_2px_0_rgba\(0\2c 0\2c 0\2c 0\.00\)\2c 0_5px_2px_0_rgba\(0\2c 0\2c 0\2c 0\.01\)\2c 0_3px_2px_0_rgba\(0\2c 0\2c 0\2c 0\.03\)\2c 0_1px_1px_0_rgba\(0\2c 0\2c 0\2c 0\.06\)\2c 0_0_1px_0_rgba\(0\2c 0\2c 0\2c 0\.07\)\] {
  --tw-shadow: 0 7px 2px 0 rgba(0,0,0,0.00),0 5px 2px 0 rgba(0,0,0,0.01),0 3px 2px 0 rgba(0,0,0,0.03),0 1px 1px 0 rgba(0,0,0,0.06),0 0 1px 0 rgba(0,0,0,0.07);
  --tw-shadow-colored: 0 7px 2px 0 var(--tw-shadow-color), 0 5px 2px 0 var(--tw-shadow-color), 0 3px 2px 0 var(--tw-shadow-color), 0 1px 1px 0 var(--tw-shadow-color), 0 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_32px_rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
  --tw-shadow: 0 8px 32px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_0px_0px_2px_\#2574F5\] {
  --tw-shadow: 0px 0px 0px 2px #2574F5;
  --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_10\.5231px_15\.7846px_rgba\(0\2c 0\2c 0\2c 0\.16\)\] {
  --tw-shadow: 0px 10.5231px 15.7846px rgba(0,0,0,0.16);
  --tw-shadow-colored: 0px 10.5231px 15.7846px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_13px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.00\)\2c 0px_8px_3px_0px_rgba\(0\2c 0\2c 0\2c 0\.01\)\2c 0px_5px_3px_0px_rgba\(0\2c 0\2c 0\2c 0\.03\)\2c 0px_2px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c 0px_1px_1px_0px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: 0px 13px 4px 0px rgba(0,0,0,0.00),0px 8px 3px 0px rgba(0,0,0,0.01),0px 5px 3px 0px rgba(0,0,0,0.03),0px 2px 2px 0px rgba(0,0,0,0.05),0px 1px 1px 0px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0px 13px 4px 0px var(--tw-shadow-color), 0px 8px 3px 0px var(--tw-shadow-color), 0px 5px 3px 0px var(--tw-shadow-color), 0px 2px 2px 0px var(--tw-shadow-color), 0px 1px 1px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_183px_51px_0px_rgba\(0\2c _0\2c _0\2c _0\.00\)\2c _0px_117px_47px_0px_rgba\(0\2c _0\2c _0\2c _0\.01\)\2c _0px_66px_40px_0px_rgba\(0\2c _0\2c _0\2c _0\.04\)\2c _0px_29px_29px_0px_rgba\(0\2c _0\2c _0\2c _0\.06\)\2c _0px_7px_16px_0px_rgba\(0\2c _0\2c _0\2c _0\.07\)\] {
  --tw-shadow: 0px 183px 51px 0px rgba(0, 0, 0, 0.00), 0px 117px 47px 0px rgba(0, 0, 0, 0.01), 0px 66px 40px 0px rgba(0, 0, 0, 0.04), 0px 29px 29px 0px rgba(0, 0, 0, 0.06), 0px 7px 16px 0px rgba(0, 0, 0, 0.07);
  --tw-shadow-colored: 0px 183px 51px 0px var(--tw-shadow-color), 0px 117px 47px 0px var(--tw-shadow-color), 0px 66px 40px 0px var(--tw-shadow-color), 0px 29px 29px 0px var(--tw-shadow-color), 0px 7px 16px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c _0px_0px_0px_1px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: 0px 1px 3px rgba(0,0,0,0.1), 0px 0px 0px 1px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0px 1px 3px var(--tw-shadow-color), 0px 0px 0px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_228px_64px_0px_rgba\(0\2c 0\2c 0\2c 0\.00\)\2c _0px_146px_58px_0px_rgba\(0\2c 0\2c 0\2c 0\.01\)\2c _0px_82px_49px_0px_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c _0px_37px_37px_0px_rgba\(0\2c 0\2c 0\2c 0\.09\)\2c _0px_9px_20px_0px_rgba\(0\2c 0\2c 0\2c 0\.10\)\] {
  --tw-shadow: 0px 228px 64px 0px rgba(0,0,0,0.00), 0px 146px 58px 0px rgba(0,0,0,0.01), 0px 82px 49px 0px rgba(0,0,0,0.05), 0px 37px 37px 0px rgba(0,0,0,0.09), 0px 9px 20px 0px rgba(0,0,0,0.10);
  --tw-shadow-colored: 0px 228px 64px 0px var(--tw-shadow-color), 0px 146px 58px 0px var(--tw-shadow-color), 0px 82px 49px 0px var(--tw-shadow-color), 0px 37px 37px 0px var(--tw-shadow-color), 0px 9px 20px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_2px_10px_rgba\(0\2c 0\2c 0\2c 0\.08\)\2c _0px_0px_0px_1px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
  --tw-shadow: 0px 2px 10px rgba(0,0,0,0.08), 0px 0px 0px 1px rgba(0,0,0,0.05);
  --tw-shadow-colored: 0px 2px 10px var(--tw-shadow-color), 0px 0px 0px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_2px_3px_-1px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c _0px_1px_0px_0px_rgba\(25\2c 28\2c 33\2c 0\.02\)\2c _0px_0px_0px_1px_rgba\(25\2c 28\2c 33\2c 0\.08\)\] {
  --tw-shadow: 0px 2px 3px -1px rgba(0,0,0,0.1), 0px 1px 0px 0px rgba(25,28,33,0.02), 0px 0px 0px 1px rgba(25,28,33,0.08);
  --tw-shadow-colored: 0px 2px 3px -1px var(--tw-shadow-color), 0px 1px 0px 0px var(--tw-shadow-color), 0px 0px 0px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_4px_8px_rgba\(255\2c 255\2c 255\2c 0\.04\)\2c _0px_1px_1px_rgba\(255\2c 255\2c 255\2c 0\.08\)\] {
  --tw-shadow: 0px 4px 8px rgba(255,255,255,0.04), 0px 1px 1px rgba(255,255,255,0.08);
  --tw-shadow-colored: 0px 4px 8px var(--tw-shadow-color), 0px 1px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_4px_16px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
  --tw-shadow: 2px 4px 16px 0px rgba(0,0,0,0.25);
  --tw-shadow-colored: 2px 4px 16px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_4px_16px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)_inset\] {
  --tw-shadow: 2px 4px 16px 0px rgba(0,0,0,0.25) inset;
  --tw-shadow-colored: inset 2px 4px 16px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[4px_21px_6px_0_rgba\(0\2c 0\2c 0\2c 0\.00\)\2c _3px_14px_6px_0_rgba\(0\2c 0\2c 0\2c 0\.01\)\2c _2px_8px_5px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c _1px_3px_3px_0_rgba\(0\2c 0\2c 0\2c 0\.09\)\2c _0_1px_2px_0_rgba\(0\2c 0\2c 0\2c 0\.10\)\] {
  --tw-shadow: 4px 21px 6px 0 rgba(0,0,0,0.00), 3px 14px 6px 0 rgba(0,0,0,0.01), 2px 8px 5px 0 rgba(0,0,0,0.05), 1px 3px 3px 0 rgba(0,0,0,0.09), 0 1px 2px 0 rgba(0,0,0,0.10);
  --tw-shadow-colored: 4px 21px 6px 0 var(--tw-shadow-color), 3px 14px 6px 0 var(--tw-shadow-color), 2px 8px 5px 0 var(--tw-shadow-color), 1px 3px 3px 0 var(--tw-shadow-color), 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_-0\.5px_0_0_\#E5E5E5\] {
  --tw-shadow: inset 0 -0.5px 0 0 #E5E5E5;
  --tw-shadow-colored: inset 0 -0.5px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_4px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
  --tw-shadow: inset 0 1px 4px rgba(0,0,0,0.05);
  --tw-shadow-colored: inset 0 1px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0px_2px_4px_rgba\(255\2c 255\2c 255\2c 0\.05\)\2c 0px_85px_24px_rgba\(0\2c 0\2c 0\2c 0\)\2c 0px_54px_22px_rgba\(0\2c 0\2c 0\2c 0\.03\)\2c 0px_31px_18px_rgba\(0\2c 0\2c 0\2c 0\.09\)\2c 0px_14px_14px_rgba\(0\2c 0\2c 0\2c 0\.15\)\2c 0px_3px_7px_rgba\(0\2c 0\2c 0\2c 0\.17\)\] {
  --tw-shadow: inset 0px 2px 4px rgba(255,255,255,0.05),0px 85px 24px rgba(0,0,0,0),0px 54px 22px rgba(0,0,0,0.03),0px 31px 18px rgba(0,0,0,0.09),0px 14px 14px rgba(0,0,0,0.15),0px 3px 7px rgba(0,0,0,0.17);
  --tw-shadow-colored: inset 0px 2px 4px var(--tw-shadow-color), 0px 85px 24px var(--tw-shadow-color), 0px 54px 22px var(--tw-shadow-color), 0px 31px 18px var(--tw-shadow-color), 0px 14px 14px var(--tw-shadow-color), 0px 3px 7px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_2px_0_0_\#139dff\] {
  --tw-shadow: inset 2px 0 0 #139dff;
  --tw-shadow-colored: inset 2px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-elevation-high {
  --tw-shadow: 0px_276px_78px_0px_rgba(0,0,0,0.00),0px_176px_70px_0px_rgba(0,0,0,0.02),0px_100px_60px_0px_rgba(0,0,0,0.05),0px_44px_44px_0px_rgba(0,0,0,0.09),0px_12px_24px_0px_rgba(0,0,0,0.11);
  --tw-shadow-colored: 0px_276px_78px_0px_rgba(0,0,0,0.00), 0px_176px_70px_0px_rgba(0,0,0,0.02), 0px_100px_60px_0px_rgba(0,0,0,0.05), 0px_44px_44px_0px_rgba(0,0,0,0.09), 0px_12px_24px_0px_rgba(0,0,0,0.11);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-toolbar-dropdown {
  --tw-shadow: 0px 7px 15px 0px rgba(0,0,0,0.10);
  --tw-shadow-colored: 0px 7px 15px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-toolbar-tooltip {
  --tw-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-vidiq {
  --tw-shadow-color: var(--vidiq);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-0 {
  outline-width: 0px;
}
.outline-vidiq {
  outline-color: var(--vidiq);
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
  --tw-ring-inset: inset;
}
.ring-\[\#139DFF\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(19 157 255 / var(--tw-ring-opacity));
}
.ring-\[rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-ring-color: rgba(0,0,0,0.06);
}
.ring-\[rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-ring-color: rgba(0,0,0,0.1);
}
.ring-\[rgba\(128\2c 128\2c 128\2c 0\.3\)\] {
  --tw-ring-color: rgba(128,128,128,0.3);
}
.ring-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\] {
  --tw-ring-color: rgba(255,255,255,0.1);
}
.ring-\[rgba\(255\2c 255\2c 255\2c 0\.15\)\] {
  --tw-ring-color: rgba(255,255,255,0.15);
}
.ring-\[rgba\(79\2c 149\2c 234\2c 0\.3\)\] {
  --tw-ring-color: rgba(79,149,234,0.3);
}
.ring-\[rgba\(90\2c 90\2c 90\2c 0\.7\)\] {
  --tw-ring-color: rgba(90,90,90,0.7);
}
.ring-accent {
  --tw-ring-color: var(--accent);
}
.ring-error {
  --tw-ring-color: var(--error);
}
.ring-light-border {
  --tw-ring-color: var(--light-border);
}
.ring-primary {
  --tw-ring-color: var(--primary);
}
.ring-toolbar-hover-light {
  --tw-ring-color: var(--toolbar-hover-light);
}
.\!blur {
  --tw-blur: blur(8px) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[1\.5px\] {
  --tw-blur: blur(1.5px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[3px\] {
  --tw-blur: blur(3px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[4px\] {
  --tw-blur: blur(4px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[50px\] {
  --tw-blur: blur(50px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[5px\] {
  --tw-blur: blur(5px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[60px\] {
  --tw-blur: blur(60px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[6px\] {
  --tw-blur: blur(6px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[8px\] {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-md {
  --tw-blur: blur(12px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-sm {
  --tw-blur: blur(4px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0,0,0,0.8));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-md {
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-sm {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-xl {
  --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sepia {
  --tw-sepia: sepia(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[6px\] {
  --tw-backdrop-blur: blur(6px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-grayscale {
  --tw-backdrop-grayscale: grayscale(100%);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-invert {
  --tw-backdrop-invert: invert(100%);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-saturate-150 {
  --tw-backdrop-saturate: saturate(1.5);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-sepia {
  --tw-backdrop-sepia: sepia(100%);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter {
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[filter\] {
  transition-property: filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[max-height\] {
  transition-property: max-height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-75 {
  transition-delay: 75ms;
}
.duration-100 {
  transition-duration: 100ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-\[2000ms\] {
  transition-duration: 2000ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.will-change-auto {
  will-change: auto;
}
.will-change-transform {
  will-change: transform;
}
.font-satoshi .font-light {
  font-weight: 460;
}
.font-satoshi .font-regular {
  font-weight: 460;
}
.font-satoshi .font-medium {
  font-weight: 460;
}
.font-satoshi .font-semiBold {
  font-weight: 660;
}
.font-satoshi .font-bold {
  font-weight: 660;
}
.font-satoshi .font-extraBold {
  font-weight: 660;
}
.font-satoshi .font-black {
  font-weight: 660;
}
.\!text-1 {
  color: var(--text-1) !important;
}
.text-1 {
  color: var(--text-1);
}
.\!text-2 {
  color: var(--text-2) !important;
}
.text-2 {
  color: var(--text-2);
}
.text-3 {
  color: var(--text-3);
}
.bg-1 {
  background-color: var(--bg-1);
}
.bg-2 {
  background-color: var(--bg-2);
}
.bg-3 {
  background-color: var(--bg-3);
}
.bg-4 {
  background-color: var(--bg-4);
}
.bg-elevated-1 {
  background-color: var(--bg-elevated-1);
}
.bg-elevated-2 {
  background-color: var(--bg-elevated-2);
}
.\!bg-elevated-3 {
  background-color: var(--bg-elevated-3) !important;
}
.bg-elevated-3 {
  background-color: var(--bg-elevated-3);
}
.bg-elevated-4 {
  background-color: var(--bg-elevated-4);
}
.bg-grouped-1 {
  background-color: var(--bg-grouped-1);
}
.bg-grouped-2 {
  background-color: var(--bg-grouped-2);
}
.bg-grouped-3 {
  background-color: var(--bg-grouped-3);
}
.bg-grouped-4 {
  background-color: var(--bg-grouped-4);
}
.bg-grouped-elevated-1 {
  background-color: var(--bg-grouped-elevated-1);
}
.bg-grouped-elevated-2 {
  background-color: var(--bg-grouped-elevated-2);
}
.bg-grouped-elevated-3 {
  background-color: var(--bg-grouped-elevated-3);
}
.fill-1 {
  fill: var(--fill-1);
}
.fill-2 {
  fill: var(--fill-2);
}
.fill-3 {
  fill: var(--fill-3);
}
.fill-elevated-1 {
  fill: var(--fill-elevated-1);
}
.fill-elevated-2 {
  fill: var(--fill-elevated-2);
}
.fill-elevated-3 {
  fill: var(--fill-elevated-3);
}
.\[text-shadow\:0px_25px_7px_rgba\(0\2c 0\2c 0\2c 0\.00\)\2c 0px_16px_6px_rgba\(0\2c 0\2c 0\2c 0\.01\)\2c 0px_9px_5px_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c 0px_4px_4px_rgba\(0\2c 0\2c 0\2c 0\.09\)\2c 0px_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.10\)\] {
  text-shadow: 0px 25px 7px rgba(0,0,0,0.00),0px 16px 6px rgba(0,0,0,0.01),0px 9px 5px rgba(0,0,0,0.05),0px 4px 4px rgba(0,0,0,0.09),0px 1px 2px rgba(0,0,0,0.10);
}
.\[text-shadow\:_0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  text-shadow: 0 1px 2px rgba(0,0,0,0.8);
}

:root {
  --white-bg: #ffffff;
  --extra-light-grey: #eaeaea;
  --white: #ffffff;
  --black: #000000;
  --blue: #139dff;
  --yt-border-color: #ccc;
  --off-black: #252626;
  --dark-grey: #7d7d7d;
  --light-grey: #e9ebeb;
  /* DS tokens */
  --bg-1: #F5F6FA;
  --text-1: #2A2E3B;
  --text-2: #83899C;
  --separator-2: #E4E7ED;
  --accent: #2574F5;
}

@media (prefers-color-scheme: dark) {
  :root {
    --white-bg: #2e2e2e;
    --extra-light-grey: #2e2e2e;
    --white: #000000;
    --black: #ffffff;
    --blue: #61a0ff;
    --yt-border-color: #606060;
    --off-black: white;
    --dark-grey: #aaaaaa;
    --light-grey: #393939;
    /* DS tokens */
    --bg-1: #0A0D15;
    --text-1: #F7F7F7;
    --text-2: #83899C;
    --separator-2: #1E212B;
    --accent: #2574F5;
  }
}

#vidiq-popup-body {
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  overflow: visible;
  margin: 0;
  font-size: 75%;
  background-color: var(--separator-2);
}

#vidiq-popup-body a,
#vidiq-popup-body .vidiq-link {
  color: var(--blue);
  outline: none;
  text-decoration: none;
  transition: 0.4s;
}
#vidiq-popup-body a:focus,
#vidiq-popup-body a:active,
#vidiq-popup-body .vidiq-link:focus,
#vidiq-popup-body .vidiq-link:active {
  outline: none;
  text-decoration: none;
}
#vidiq-popup-body a:hover,
#vidiq-popup-body .vidiq-link:hover {
  color: #0066ff;
  cursor: pointer;
  outline: none;
  text-decoration: underline;
}
#vidiq-popup-body .vidiq-popup-spinner {
  position: absolute;
  top: 16px;
  right: 16px;
}
#vidiq-popup-body .vidiq-links-spinner-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-top: 12px;
}
#vidiq-popup-body .material-icons {
  font-size: 14px;
  color: #aaa;
  position: relative;
  top: 3px;
  transition: color 0.5s;
}
#vidiq-popup-body .vidiq-popup-header {
  padding: 24px 8px 4px;
}
#vidiq-popup-body .vidiq-popup-header a img {
  display: block;
  width: 100%;
  height: 25px;
  padding: 0;
  margin: 0;
}
#vidiq-popup-body .vidiq-popup-header #vidiq-badge,
#vidiq-popup-body .vidiq-popup-header a #vidiq-badge {
  display: block;
  position: relative;
  top: 4px;
  left: 105px;
  width: auto;
  height: 8px;
}
#vidiq-popup-body .vidiq-popup-footer a {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1.1px;
  font-size: 0.9em;
}
#vidiq-popup-body .vidiq-popup-footer span {
  color: var(--dark-grey);
}
#vidiq-popup-body .vidiq-popup-footer-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 10px 13px;
  background: var(--extra-light-grey);
}
#vidiq-popup-body .vidiq-popup-footer-links li a {
  line-height: 20px;
  color: var(--black);
  font-size: 10px;
  letter-spacing: normal;
  transition: 0.4s;
}
#vidiq-popup-body .vidiq-popup-footer-links li a:hover {
  color: var(--blue);
  text-decoration: none;
}
#vidiq-popup-body .vidiq-popup-footer-links li:not(:last-child) {
  border-right: 1px solid var(--dark-grey);
  padding-right: 13px;
}
#vidiq-popup-body .vidiq-popup-user {
  padding: 5px;
}
#vidiq-popup-body .vidiq-popup-user-info {
  color: var(--black);
  text-align: center;
  padding: 5px 0 5px 0;
  margin: 0;
  font-size: 1em;
}
#vidiq-popup-body .vidiq-popup-user-info a {
  display: block;
  font-weight: bold;
  margin: 0 0 5px 0;
}
#vidiq-popup-body .vidiq-popup-log-out {
  position: relative;
  display: inline-block;
  top: -5px;
  width: 100%;
  font-size: 10px;
  text-align: center;
}
#vidiq-popup-body .vidiq-popup-section {
  margin: 0;
}
#vidiq-popup-body .vidiq-popup-section .vidiq-popup-section-header {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--yt-border-color);
  cursor: pointer;
}
#vidiq-popup-body
  .vidiq-popup-section
  .vidiq-popup-section-header
  .header-name {
  margin: 0;
  color: var(--black);
  display: inline-block;
}
#vidiq-popup-body
  .vidiq-popup-section
  .vidiq-popup-section-header.expanded
  .vidiq-chevron-icon {
  transform: rotate(180deg);
}
#vidiq-popup-body .vidiq-popup-section .vidiq-popup-section-header.disabled h4 {
  color: var(--off-black);
}
#vidiq-popup-body
  .vidiq-popup-section
  .vidiq-popup-section-header
  .vidiq-chevron-icon {
  background-color: var(--black);
  mask-image: url('chrome-extension://__MSG_@@extension_id__/images/chevron-down.svg');
  height: 20px;
  width: 20px;
  content: ' ';
  display: inline-block;
  transition: 0.5s;
}
#vidiq-popup-body .vidiq-popup-section .vidiq-popup-section-inner {
  overflow: hidden;
  max-height: 0px;
  transition: max-height 0.5s;
}
#vidiq-popup-body .vidiq-popup-section .vidiq-popup-section-inner.expanded {
  max-height: 300px;
}
#vidiq-popup-body
  .vidiq-popup-section
  .vidiq-popup-section-inner
  .vidiq-shortcuts-list {
  margin-bottom: 5px;
  margin-top: 5px;
  line-height: 20px;
  list-style-type: none;
  padding: 0;
}
#vidiq-popup-body
  .vidiq-popup-section
  .vidiq-popup-section-inner
  .vidiq-shortcuts-list
  .vidiq-popup-link-upsell {
  color: var(--dark-grey);
  font-style: italic;
  font-size: 0.9em;
  transition: 0.4s;
}
#vidiq-popup-body
  .vidiq-popup-section
  .vidiq-popup-section-inner
  .vidiq-shortcuts-list
  .vidiq-list-item-name {
  font-size: 0.9em;
  text-decoration: none;
  padding: 3px;
  display: inline-block;
}
#vidiq-popup-body
  .vidiq-popup-section
  .vidiq-popup-section-inner
  .vidiq-shortcuts-list
  .vidiq-list-item-name:hover {
  text-decoration: none;
}
#vidiq-popup-body
  .vidiq-popup-section
  .vidiq-popup-section-inner
  .vidiq-shortcuts-list
  span.vidiq-list-item-name {
  color: #aaa;
}
#vidiq-popup-body
  .vidiq-popup-section
  .vidiq-popup-section-inner
  .vidiq-shortcuts-list
  li {
  padding-left: 10px;
}
#vidiq-popup-body
  .vidiq-popup-section
  .vidiq-popup-section-inner
  .vidiq-shortcuts-list
  li
  .material-icons {
  display: none;
}
#vidiq-popup-body
  .vidiq-popup-section
  .vidiq-popup-section-inner
  .vidiq-shortcuts-list.enabled
  li {
  transition: background 0.5s;
}
#vidiq-popup-body
  .vidiq-popup-section
  .vidiq-popup-section-inner
  .vidiq-shortcuts-list.enabled
  li:hover {
  background: var(--light-grey);
  cursor: pointer;
}
#vidiq-popup-body
  .vidiq-popup-section
  .vidiq-popup-section-inner
  .vidiq-shortcuts-list.enabled
  li:hover
  .material-icons {
  color: var(--blue);
}
#vidiq-popup-body
  .vidiq-popup-section
  .vidiq-popup-section-inner
  .vidiq-shortcuts-list.enabled
  li:hover
  .vidiq-popup-link-upsell {
  color: var(--dark-grey);
  text-decoration: none;
}
#vidiq-popup-body .vidiq-client-shortcuts .vidiq-popup-channel-select {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--yt-border-color);
  text-align: center;
}
#vidiq-popup-body
  .vidiq-client-shortcuts
  .vidiq-popup-channel-select
  .vidiq-popup-channel-select-text {
  color: var(--black);
}
#vidiq-popup-body
  .vidiq-client-shortcuts
  .vidiq-popup-channel-select
  .vidiq-popup-channel-select-menu,
#vidiq-popup-body .vidiq-popup-single-channel,
#vidiq-popup-body
  .vidiq-client-shortcuts
  .vidiq-popup-channel-select
  .vidiq-popup-channel-select-menu
  option {
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size: 1em;
  outline: none;
  border: 0;
  background: transparent;
  color: var(--black);
  overflow: hidden;
}
#vidiq-popup-body
  .vidiq-client-shortcuts
  .vidiq-popup-channel-select
  .vidiq-popup-channel-select-menu:focus,
#vidiq-popup-body
  .vidiq-client-shortcuts
  .vidiq-popup-channel-select
  .vidiq-popup-channel-select-menu:active,
#vidiq-popup-body
  .vidiq-client-shortcuts
  .vidiq-popup-channel-select
  .vidiq-popup-channel-select-menu
  option:focus,
#vidiq-popup-body
  .vidiq-client-shortcuts
  .vidiq-popup-channel-select
  .vidiq-popup-channel-select-menu
  option:active {
  outline: none;
}
#vidiq-popup-body
  .vidiq-client-shortcuts
  .vidiq-popup-channel-select
  .vidiq-popup-channel-select-menu:hover,
#vidiq-popup-body
  .vidiq-client-shortcuts
  .vidiq-popup-channel-select
  .vidiq-popup-channel-select-menu
  option:hover {
  background: var(--blue);
  color: var(--white);
  cursor: pointer;
}
#vidiq-popup-body .email-suggestion {
  font-size: 0.83em;
  margin-top: 0;
}
#vidiq-popup-body .hidden {
  display: none;
}
#vidiq-popup-body .iq-horizontal-separator {
  padding: 0.5rem;
}
.vidiq-popup-user-actions {
  padding: 16px;
  margin: 0 auto;
  list-style: none;
}
.vidiq-popup-user-actions li {
  display: block;
  text-align: center;
}
.vidiq-popup-user-actions li p {
  margin-bottom: 0;
}
.vidiq-popup-user-actions li.vidiq-popup-user-signup-action p {
  color: var(--black);
  font-weight: 500;
}
.vidiq-popup-user-actions li.vidiq-popup-user-signup-action p a {
  font-weight: 600;
}
.vidiq-popup-primary-button {
  background-color: var(--blue);
  padding: 8px;
  display: block;
  text-align: center;
  color: #fff !important;
  transition: 0.4s;
  cursor: pointer;
  border-radius: 60px;
}
.vidiq-popup-primary-button:hover {
  text-decoration: none !important;
  background-color: #0066ff;
}
.\*\:relative > * {
  position: relative;
}
.\*\:right-\[1\.5px\] > * {
  right: 1.5px;
}
.\*\:top-0 > * {
  top: 0px;
}
.\*\:size-\[14px\] > * {
  width: 14px;
  height: 14px;
}
.\*\:text-\[\#6E6E6E\] > * {
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity));
}
.placeholder\:text-\[\#5E5E5E\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(94 94 94 / var(--tw-text-opacity));
}
.placeholder\:text-\[\#AAAAAA\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(170 170 170 / var(--tw-text-opacity));
}
.placeholder\:text-\[rgba\(255\2c 255\2c 255\2c 0\.4\)\]::placeholder {
  color: rgba(255,255,255,0.4);
}
.placeholder\:text-dark-text-secondary::placeholder {
  color: var(--dark-text-secondary);
}
.placeholder\:text-light-text-secondary::placeholder {
  color: var(--light-text-secondary);
}
.placeholder\:text-upload-flow-grey-1::placeholder {
  color: var(--upload-flow-grey-1);
}
.placeholder\:text-2::placeholder {
  color: var(--text-2);
}
.placeholder\:text-3::placeholder {
  color: var(--text-3);
}
.after\:text-negative::after {
  content: var(--tw-content);
  color: var(--negative);
}
.after\:content-\[\"\*\"\]::after {
  --tw-content: "*";
  content: var(--tw-content);
}
.first\:rounded-t-small:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.first\:pt-small:first-child {
  padding-top: 12px;
}
.last\:rounded-b-small:last-child {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.last\:border-r-0:last-child {
  border-right-width: 0px;
}
.last\:pb-small:last-child {
  padding-bottom: 12px;
}
.checked\:bg-transparent:checked {
  background-color: transparent;
}
.focus-within\:border-accent:focus-within {
  border-color: var(--accent);
}
.hover\:translate-x-\[2px\]:hover {
  --tw-translate-x: 2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-100:hover {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.01\]:hover {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:\!border-\[\#505050\]:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(80 80 80 / var(--tw-border-opacity)) !important;
}
.hover\:border-\[\#2574F5\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(37 116 245 / var(--tw-border-opacity));
}
.hover\:border-\[\#D2D2D2\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(210 210 210 / var(--tw-border-opacity));
}
.hover\:border-\[\#DADADA\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(218 218 218 / var(--tw-border-opacity));
}
.hover\:border-\[\#F4F4F4\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(244 244 244 / var(--tw-border-opacity));
}
.hover\:border-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\]:hover {
  border-color: rgba(255,255,255,0.1);
}
.hover\:border-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\]:hover {
  border-color: rgba(255,255,255,0.2);
}
.hover\:border-\[rgba\(37\2c 116\2c 245\2c 0\.4\)\]:hover {
  border-color: rgba(37,116,245,0.4);
}
.hover\:border-accent:hover {
  border-color: var(--accent);
}
.hover\:border-basalt:hover {
  border-color: var(--basalt);
}
.hover\:border-toolbar-light-text:hover {
  border-color: var(--toolbar-light-text);
}
.hover\:border-upload-flow-light-grey-2:hover {
  border-color: var(--upload-flow-light-grey-2);
}
.hover\:border-upload-flow-light-grey-3:hover {
  border-color: var(--upload-flow-light-grey-3);
}
.hover\:border-upload-flow-white-5:hover {
  border-color: var(--upload-flow-white-5);
}
.hover\:border-vapor:hover {
  border-color: var(--vapor);
}
.hover\:bg-\[\#0066ff\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 102 255 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#2574F54D\]:hover {
  background-color: #2574F54D;
}
.hover\:bg-\[\#E5E7ED\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 237 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#E8E8E8\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(232 232 232 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#EBEBEB\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#EEEEEE\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#F5F5F5\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#FFFFFF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#FFF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#ff00004d\]:hover {
  background-color: #ff00004d;
}
.hover\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.02\)\]:hover {
  background-color: rgba(0,0,0,0.02);
}
.hover\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.03\)\]:hover {
  background-color: rgba(0,0,0,0.03);
}
.hover\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.04\)\]:hover {
  background-color: rgba(0,0,0,0.04);
}
.hover\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.05\)\]:hover {
  background-color: rgba(0,0,0,0.05);
}
.hover\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.08\)\]:hover {
  background-color: rgba(0,0,0,0.08);
}
.hover\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.1\)\]:hover {
  background-color: rgba(0,0,0,0.1);
}
.hover\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.7\)\]:hover {
  background-color: rgba(0,0,0,0.7);
}
.hover\:bg-\[rgba\(128\2c 128\2c 128\2c 0\.08\)\]:hover {
  background-color: rgba(128,128,128,0.08);
}
.hover\:bg-\[rgba\(19\2c 157\2c 255\2c 0\.1\)\]:hover {
  background-color: rgba(19,157,255,0.1);
}
.hover\:bg-\[rgba\(19\2c 157\2c 255\2c 0\.2\)\]:hover {
  background-color: rgba(19,157,255,0.2);
}
.hover\:bg-\[rgba\(19\2c 157\2c 255\2c 0\.8\)\]:hover {
  background-color: rgba(19,157,255,0.8);
}
.hover\:bg-\[rgba\(239\2c 68\2c 68\2c 0\.8\)\]:hover {
  background-color: rgba(239,68,68,0.8);
}
.hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.05\)\]:hover {
  background-color: rgba(255,255,255,0.05);
}
.hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.06\)\]:hover {
  background-color: rgba(255,255,255,0.06);
}
.hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\]:hover {
  background-color: rgba(255,255,255,0.08);
}
.hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\]:hover {
  background-color: rgba(255,255,255,0.1);
}
.hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.12\)\]:hover {
  background-color: rgba(255,255,255,0.12);
}
.hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.15\)\]:hover {
  background-color: rgba(255,255,255,0.15);
}
.hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.18\)\]:hover {
  background-color: rgba(255,255,255,0.18);
}
.hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\]:hover {
  background-color: rgba(255,255,255,0.2);
}
.hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.7\)\]:hover {
  background-color: rgba(255,255,255,0.7);
}
.hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.85\)\]:hover {
  background-color: rgba(255,255,255,0.85);
}
.hover\:bg-\[rgba\(255\2c 255\2c 255\2c 1\)\]:hover {
  background-color: rgba(255,255,255,1);
}
.hover\:bg-\[rgba\(37\2c 116\2c 245\2c 0\.06\)\]:hover {
  background-color: rgba(37,116,245,0.06);
}
.hover\:bg-\[rgba\(37\2c 116\2c 245\2c 0\.08\)\]:hover {
  background-color: rgba(37,116,245,0.08);
}
.hover\:bg-\[rgba\(59\2c 130\2c 246\2c 1\)\]:hover {
  background-color: rgba(59,130,246,1);
}
.hover\:bg-background-tertiary:hover {
  background-color: var(--background-tertiary);
}
.hover\:bg-light-bg-tertiary:hover {
  background-color: var(--light-bg-tertiary);
}
.hover\:bg-modal-button-light-hover:hover {
  background-color: var(--modal-button-light-hover);
}
.hover\:bg-toolbar-dropdown-light-hover:hover {
  background-color: var(--toolbar-dropdown-light-hover);
}
.hover\:bg-toolbar-hover-light:hover {
  background-color: var(--toolbar-hover-light);
}
.hover\:bg-toolbar-light-card:hover {
  background-color: var(--toolbar-light-card);
}
.hover\:bg-transparent:hover {
  background-color: transparent;
}
.hover\:bg-upload-flow-grey-8:hover {
  background-color: var(--upload-flow-grey-8);
}
.hover\:bg-upload-flow-light-grey-1:hover {
  background-color: var(--upload-flow-light-grey-1);
}
.hover\:bg-upload-flow-white-2:hover {
  background-color: var(--upload-flow-white-2);
}
.hover\:bg-upload-flow-white-3:hover {
  background-color: var(--upload-flow-white-3);
}
.hover\:bg-upload-flow-white-4:hover {
  background-color: var(--upload-flow-white-4);
}
.hover\:bg-vidiq:hover {
  background-color: var(--vidiq);
}
.hover\:bg-youtube-button-light-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}
.hover\:bg-opacity-50:hover {
  --tw-bg-opacity: 0.5;
}
.hover\:from-\[\#1e66e0\]:hover {
  --tw-gradient-from: #1e66e0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 102 224 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-\[\#4f8ffc\]:hover {
  --tw-gradient-from: #4f8ffc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(79 143 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:to-\[\#1190eb\]:hover {
  --tw-gradient-to: #1190eb var(--tw-gradient-to-position);
}
.hover\:to-\[\#3b7cf6\]:hover {
  --tw-gradient-to: #3b7cf6 var(--tw-gradient-to-position);
}
.hover\:text-\[\#2A2E3B\]:hover {
  --tw-text-opacity: 1;
  color: rgb(42 46 59 / var(--tw-text-opacity));
}
.hover\:text-\[rgb\(15\2c 15\2c 15\)\]:hover {
  --tw-text-opacity: 1;
  color: rgb(15 15 15 / var(--tw-text-opacity));
}
.hover\:text-\[rgba\(255\2c 255\2c 255\2c 0\.7\)\]:hover {
  color: rgba(255,255,255,0.7);
}
.hover\:text-\[rgba\(255\2c 255\2c 255\2c 0\.8\)\]:hover {
  color: rgba(255,255,255,0.8);
}
.hover\:text-\[rgba\(59\2c 130\2c 246\2c 0\.8\)\]:hover {
  color: rgba(59,130,246,0.8);
}
.hover\:text-\[rgba\(60\2c 60\2c 60\2c 1\)\]:hover {
  color: rgba(60,60,60,1);
}
.hover\:text-accent:hover {
  color: var(--accent);
}
.hover\:text-ash:hover {
  color: var(--ash);
}
.hover\:text-light-text:hover {
  color: var(--light-text);
}
.hover\:text-t-primary:hover {
  color: var(--text-primary);
}
.hover\:text-toolbar-dark-text:hover {
  color: var(--toolbar-dark-text);
}
.hover\:text-toolbar-light-text:hover {
  color: var(--toolbar-light-text);
}
.hover\:text-white:hover {
  color: var(--white);
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:\!no-underline:hover {
  text-decoration-line: none !important;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-50:hover {
  opacity: 0.5;
}
.hover\:opacity-70:hover {
  opacity: 0.7;
}
.hover\:opacity-75:hover {
  opacity: 0.75;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:opacity-90:hover {
  opacity: 0.9;
}
.hover\:opacity-\[65\%\]:hover {
  opacity: 65%;
}
.hover\:shadow-\[0_2px_6px_rgba\(0\2c 0\2c 0\2c 0\.08\)\2c 0_12px_32px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]:hover {
  --tw-shadow: 0 2px 6px rgba(0,0,0,0.08),0 12px 32px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0 2px 6px var(--tw-shadow-color), 0 12px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_2px_8px_rgba\(37\2c 116\2c 245\2c 0\.4\)\]:hover {
  --tw-shadow: 0 2px 8px rgba(37,116,245,0.4);
  --tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_7px_2px_0_rgba\(0\2c 0\2c 0\2c 0\.00\)\2c 0_5px_2px_0_rgba\(0\2c 0\2c 0\2c 0\.01\)\2c 0_3px_2px_0_rgba\(0\2c 0\2c 0\2c 0\.03\)\2c 0_1px_1px_0_rgba\(0\2c 0\2c 0\2c 0\.06\)\2c 0_0_1px_0_rgba\(0\2c 0\2c 0\2c 0\.07\)\]:hover {
  --tw-shadow: 0 7px 2px 0 rgba(0,0,0,0.00),0 5px 2px 0 rgba(0,0,0,0.01),0 3px 2px 0 rgba(0,0,0,0.03),0 1px 1px 0 rgba(0,0,0,0.06),0 0 1px 0 rgba(0,0,0,0.07);
  --tw-shadow-colored: 0 7px 2px 0 var(--tw-shadow-color), 0 5px 2px 0 var(--tw-shadow-color), 0 3px 2px 0 var(--tw-shadow-color), 0 1px 1px 0 var(--tw-shadow-color), 0 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0px_0px_0px_1px_\#DDDDDD\]:hover {
  --tw-shadow: 0px 0px 0px 1px #DDDDDD;
  --tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[inset_0_1px_0_rgba\(0\2c 0\2c 0\2c 0\.1\)\]:hover {
  --tw-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-sm:hover {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:ring-1:hover {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.hover\:ring-\[rgba\(19\2c 157\2c 255\2c 0\.9\)\]:hover {
  --tw-ring-color: rgba(19,157,255,0.9);
}
.hover\:ring-toolbar-hover-light:hover {
  --tw-ring-color: var(--toolbar-hover-light);
}
.hover\:brightness-110:hover {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:drop-shadow-lg:hover {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:drop-shadow-md:hover {
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:text-1:hover {
  color: var(--text-1);
}
.hover\:text-2:hover {
  color: var(--text-2);
}
.hover\:bg-2:hover {
  background-color: var(--bg-2);
}
.hover\:bg-3:hover {
  background-color: var(--bg-3);
}
.hover\:bg-elevated-1:hover {
  background-color: var(--bg-elevated-1);
}
.hover\:bg-elevated-2:hover {
  background-color: var(--bg-elevated-2);
}
.hover\:bg-elevated-3:hover {
  background-color: var(--bg-elevated-3);
}
.hover\:bg-elevated-4:hover {
  background-color: var(--bg-elevated-4);
}
.hover\:bg-grouped-1:hover {
  background-color: var(--bg-grouped-1);
}
.focus\:border-none:focus {
  border-style: none;
}
.focus\:border-\[\#2574F5\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(37 116 245 / var(--tw-border-opacity));
}
.focus\:border-\[\#F1F3F4\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(241 243 244 / var(--tw-border-opacity));
}
.focus\:border-\[rgba\(255\2c 255\2c 255\2c 0\.15\)\]:focus {
  border-color: rgba(255,255,255,0.15);
}
.focus\:border-accent:focus {
  border-color: var(--accent);
}
.focus\:border-primary:focus {
  border-color: var(--primary);
}
.focus\:border-transparent:focus {
  border-color: transparent;
}
.focus\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.05\)\]:focus {
  background-color: rgba(0,0,0,0.05);
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-\[rgba\(82\2c 145\2c 255\2c 0\.2\)\]:focus {
  --tw-ring-color: rgba(82,145,255,0.2);
}
.focus\:ring-accent:focus {
  --tw-ring-color: var(--accent);
}
.focus\:ring-transparent:focus {
  --tw-ring-color: transparent;
}
.focus\:ring-offset-0:focus {
  --tw-ring-offset-width: 0px;
}
.focus\:bg-elevated-3:focus {
  background-color: var(--bg-elevated-3);
}
.focus-visible\:border-accent:focus-visible {
  border-color: var(--accent);
}
.focus-visible\:border-negative:focus-visible {
  border-color: var(--negative);
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:outline:focus-visible {
  outline-style: solid;
}
.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}
.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}
.focus-visible\:outline-accent:focus-visible {
  outline-color: var(--accent);
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-accent:focus-visible {
  --tw-ring-color: var(--accent);
}
.active\:translate-y-\[2px\]:active {
  --tw-translate-y: 2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-90:active {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.97\]:active {
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.995\]:active {
  --tw-scale-x: 0.995;
  --tw-scale-y: 0.995;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:cursor-grabbing:active {
  cursor: grabbing;
}
.active\:bg-\[\#0066ff\]:active {
  --tw-bg-opacity: 1;
  background-color: rgb(0 102 255 / var(--tw-bg-opacity));
}
.active\:bg-\[\#F0F0F0\]:active {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity));
}
.active\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.24\)\]:active {
  background-color: rgba(255,255,255,0.24);
}
.active\:bg-transparent:active {
  background-color: transparent;
}
.active\:shadow-none:active {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.active\:drop-shadow-none:active {
  --tw-drop-shadow: drop-shadow(0 0 #0000);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:border-transparent:disabled {
  border-color: transparent;
}
.disabled\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.4\)\]:disabled {
  background-color: rgba(255,255,255,0.4);
}
.disabled\:bg-light-bg:disabled {
  background-color: var(--light-bg);
}
.disabled\:text-opacity-50:disabled {
  --tw-text-opacity: 0.5;
}
.disabled\:opacity-40:disabled {
  opacity: 0.4;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:text-2:disabled {
  color: var(--text-2);
}
.disabled\:bg-elevated-2:disabled {
  background-color: var(--bg-elevated-2);
}
.disabled\:placeholder\:text-3:disabled::placeholder {
  color: var(--text-3);
}
.disabled\:hover\:bg-primary:hover:disabled {
  background-color: var(--primary);
}
.disabled\:hover\:brightness-100:hover:disabled {
  --tw-brightness: brightness(1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.group[open] .group-open\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[open] .group-open\:rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/search-input:focus-within .group-focus-within\/search-input\:text-1 {
  color: var(--text-1);
}
.group:focus-within .group-focus-within\:text-1 {
  color: var(--text-1);
}
.group:hover .group-hover\:line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.group\/tooltip:hover .group-hover\/tooltip\:-translate-y-\[2px\] {
  --tw-translate-y: -2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-y-\[1px\] {
  --tw-translate-y: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-\[1\.01\] {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:border-\[rgba\(19\2c 157\2c 255\2c 0\.6\)\] {
  border-color: rgba(19,157,255,0.6);
}
.group:hover .group-hover\:bg-upload-flow-light-grey-1 {
  background-color: var(--upload-flow-light-grey-1);
}
.group:hover .group-hover\:bg-upload-flow-white-1 {
  background-color: var(--upload-flow-white-1);
}
.group:hover .group-hover\:fill-accent {
  fill: var(--accent);
}
.group\/channel-box:hover .group-hover\/channel-box\:text-accent {
  color: var(--accent);
}
.group:hover .group-hover\:text-accent {
  color: var(--accent);
}
.group:hover .group-hover\:text-toolbar-light-text {
  color: var(--toolbar-light-text);
}
.group\/tooltip:hover .group-hover\/tooltip\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-0 {
  opacity: 0;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-70 {
  opacity: 0.7;
}
.group:hover .group-hover\:opacity-75 {
  opacity: 0.75;
}
.group:hover .group-hover\:opacity-90 {
  opacity: 0.9;
}
.group:hover .group-hover\:shadow-\[0_0_0_1px_rgba\(19\2c 157\2c 255\2c 0\.3\)\2c 0_0_12px_rgba\(19\2c 157\2c 255\2c 0\.2\)\] {
  --tw-shadow: 0 0 0 1px rgba(19,157,255,0.3),0 0 12px rgba(19,157,255,0.2);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:hover .group-hover\:text-1 {
  color: var(--text-1);
}
.group:hover .group-hover\:\[fill-opacity\:100\] {
  fill-opacity: 100;
}
.group .group-\[\]\:border-transparent {
  border-color: transparent;
}
.peer:checked ~ .peer-checked\:opacity-100 {
  opacity: 1;
}
.peer:indeterminate ~ .peer-indeterminate\:text-dew {
  color: var(--dew);
}
.peer:indeterminate ~ .peer-indeterminate\:opacity-100 {
  opacity: 1;
}
.aria-disabled\:hover\:border-transparent:hover[aria-disabled="true"] {
  border-color: transparent;
}
.aria-disabled\:focus-visible\:outline-transparent:focus-visible[aria-disabled="true"] {
  outline-color: transparent;
}
.aria-\[pressed\=false\]\:bg-transparent[aria-pressed="false"] {
  background-color: transparent;
}
.aria-\[pressed\=false\]\:text-2[aria-pressed="false"] {
  color: var(--text-2);
}
.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}
.data-\[state\=checked\]\:left-\[10px\][data-state="checked"] {
  left: 10px;
}
.data-\[state\=unchecked\]\:left-\[2px\][data-state="unchecked"] {
  left: 2px;
}
.data-\[state\=checked\]\:translate-x-\[10px\][data-state="checked"] {
  --tw-translate-x: 10px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:translate-x-\[12px\][data-state="checked"] {
  --tw-translate-x: 12px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:translate-x-\[14px\][data-state="checked"] {
  --tw-translate-x: 14px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=closed\]\:animate-none[data-state="closed"] {
  animation: none;
}
.data-\[state\=open\]\:animate-none[data-state="open"] {
  animation: none;
}
.data-\[state\=checked\]\:bg-\[\#FFF\][data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.data-\[state\=checked\]\:bg-accent[data-state="checked"] {
  background-color: var(--accent);
}
.data-\[state\=checked\]\:bg-toolbar-hover-light[data-state="checked"] {
  background-color: var(--toolbar-hover-light);
}
.data-\[state\=checked\]\:bg-vidiq[data-state="checked"] {
  background-color: var(--vidiq);
}
.data-\[state\=active\]\:underline[data-state="active"] {
  text-decoration-line: underline;
}
.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.data-\[state\=active\]\:text-1[data-state="active"] {
  color: var(--text-1);
}
@media (min-width: 768px) {
  .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .md\:block {
    display: block;
  }
  .md\:h-\[6px\] {
    height: 6px;
  }
  .md\:w-\[6px\] {
    width: 6px;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:gap-xlarge {
    gap: 32px;
  }
  .md\:gap-y-xlarge {
    row-gap: 32px;
  }
  .md\:px-none {
    padding-left: 0px;
    padding-right: 0px;
  }
  .md\:pb-none {
    padding-bottom: 0px;
  }
  .md\:pt-xlarge {
    padding-top: 32px;
  }
}
@media (min-width: 1024px) {
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .xl\:mx-small {
    margin-left: 12px;
    margin-right: 12px;
  }
  .xl\:inline-block {
    display: inline-block;
  }
  .xl\:flex {
    display: flex;
  }
  .xl\:hidden {
    display: none;
  }
  .xl\:items-center {
    align-items: center;
  }
  .xl\:gap-x-xsmall {
    column-gap: 8px;
  }
  .xl\:rounded-xsmall {
    border-radius: 8px;
  }
  .xl\:px-small {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1536px) {
  .\32xl\:mx-large {
    margin-left: 24px;
    margin-right: 24px;
  }
  .\32xl\:max-h-\[60dvh\] {
    max-height: 60dvh;
  }
  .\32xl\:min-w-\[400px\] {
    min-width: 400px;
  }
}
.dark\:border:where([data-theme="dark"], [data-theme="dark"] *) {
  border-width: 1px;
}
.dark\:border-\[0\.5px\]:where([data-theme="dark"], [data-theme="dark"] *) {
  border-width: 0.5px;
}
.dark\:border-solid:where([data-theme="dark"], [data-theme="dark"] *) {
  border-style: solid;
}
.dark\:border-\[\#00b257\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(0 178 87 / var(--tw-border-opacity));
}
.dark\:border-\[\#1E1E1E\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 30 30 / var(--tw-border-opacity));
}
.dark\:border-\[\#202020\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(32 32 32 / var(--tw-border-opacity));
}
.dark\:border-\[\#2574F5\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(37 116 245 / var(--tw-border-opacity));
}
.dark\:border-\[\#262626\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(38 38 38 / var(--tw-border-opacity));
}
.dark\:border-\[\#282828\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(40 40 40 / var(--tw-border-opacity));
}
.dark\:border-\[\#292929\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(41 41 41 / var(--tw-border-opacity));
}
.dark\:border-\[\#2E2E2E\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(46 46 46 / var(--tw-border-opacity));
}
.dark\:border-\[\#323232\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(50 50 50 / var(--tw-border-opacity));
}
.dark\:border-\[\#353535\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(53 53 53 / var(--tw-border-opacity));
}
.dark\:border-\[\#363636\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(54 54 54 / var(--tw-border-opacity));
}
.dark\:border-\[\#393939\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(57 57 57 / var(--tw-border-opacity));
}
.dark\:border-\[\#3E3E3E\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(62 62 62 / var(--tw-border-opacity));
}
.dark\:border-\[\#404040\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64 / var(--tw-border-opacity));
}
.dark\:border-\[\#444\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(68 68 68 / var(--tw-border-opacity));
}
.dark\:border-\[\#474747\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(71 71 71 / var(--tw-border-opacity));
}
.dark\:border-\[\#C0C0C0\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(192 192 192 / var(--tw-border-opacity));
}
.dark\:border-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: rgba(0,0,0,0.5);
}
.dark\:border-\[rgba\(114\2c 114\2c 114\2c 0\.3\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: rgba(114,114,114,0.3);
}
.dark\:border-\[rgba\(239\2c 68\2c 68\2c 0\.4\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: rgba(239,68,68,0.4);
}
.dark\:border-\[rgba\(251\2c 191\2c 36\2c 0\.4\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: rgba(251,191,36,0.4);
}
.dark\:border-\[rgba\(255\2c 255\2c 255\2c 0\.06\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: rgba(255,255,255,0.06);
}
.dark\:border-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: rgba(255,255,255,0.08);
}
.dark\:border-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: rgba(255,255,255,0.1);
}
.dark\:border-\[rgba\(255\2c 255\2c 255\2c 0\.12\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: rgba(255,255,255,0.12);
}
.dark\:border-\[rgba\(255\2c 255\2c 255\2c 0\.15\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: rgba(255,255,255,0.15);
}
.dark\:border-\[rgba\(37\2c 116\2c 245\2c 0\.20\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: rgba(37,116,245,0.20);
}
.dark\:border-\[rgba\(37\2c 116\2c 245\2c 0\.25\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: rgba(37,116,245,0.25);
}
.dark\:border-\[rgba\(59\2c 130\2c 246\2c 0\.6\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: rgba(59,130,246,0.6);
}
.dark\:border-\[rgba\(9\2c 121\2c 255\2c 0\.35\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: rgba(9,121,255,0.35);
}
.dark\:border-ash:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--ash);
}
.dark\:border-dark-border:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--dark-border);
}
.dark\:border-error:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--error);
}
.dark\:border-promo-border-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--promo-border-dark);
}
.dark\:border-red:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--red);
}
.dark\:border-slate:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--slate);
}
.dark\:border-toolbar-dark-card:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--toolbar-dark-card);
}
.dark\:border-toolbar-dark-secondary:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--toolbar-dark-secondary);
}
.dark\:border-toolbar-divider-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--toolbar-divider-dark);
}
.dark\:border-toolbar-hover-light:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--toolbar-hover-light);
}
.dark\:border-upload-flow-grey-3:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--upload-flow-grey-3);
}
.dark\:border-upload-flow-grey-4:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--upload-flow-grey-4);
}
.dark\:border-upload-flow-grey-5:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--upload-flow-grey-5);
}
.dark\:border-upload-flow-grey-7:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--upload-flow-grey-7);
}
.dark\:border-upload-flow-grey-8:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--upload-flow-grey-8);
}
.dark\:border-upload-flow-grey-9:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--upload-flow-grey-9);
}
.dark\:border-video-filters-border-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--video-filters-border-dark);
}
.dark\:border-video-filters-border-secondary-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--video-filters-border-secondary-dark);
}
.dark\:border-b-toolbar-tooltip-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  border-bottom-color: var(--toolbar-tooltip-dark);
}
.dark\:border-l-toolbar-tooltip-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  border-left-color: var(--toolbar-tooltip-dark);
}
.dark\:border-r-toolbar-tooltip-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  border-right-color: var(--toolbar-tooltip-dark);
}
.dark\:border-t-toolbar-tooltip-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  border-top-color: var(--toolbar-tooltip-dark);
}
.dark\:\!bg-\[\#1F1F1F\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 31 31 / var(--tw-bg-opacity)) !important;
}
.dark\:\!bg-transparent:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: transparent !important;
}
.dark\:bg-\[\#0F0F0F\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 15 15 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#101010\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(16 16 16 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#151515\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(21 21 21 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#181818\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 24 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#1A1A1A\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#1C1C1D\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(28 28 29 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#1E1E1E\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 30 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#1E2021\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 32 33 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#1F1F1F\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 31 31 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#1f1f1f\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 31 31 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#202020\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(32 32 32 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#222222\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#252525\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#2574F566\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: #2574F566;
}
.dark\:bg-\[\#272727\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 39 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#282828\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#292929\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(41 41 41 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#2D2D2D\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(45 45 45 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#2E2E2E\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(46 46 46 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#2a2a2a\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#303030\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(48 48 48 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#313131\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(49 49 49 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#333333\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#343434\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(52 52 52 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#3F3F3F\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 63 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#464646\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(70 70 70 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#616161\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(97 97 97 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#817070\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(129 112 112 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#ff000033\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: #ff000033;
}
.dark\:bg-\[rgb\(31\2c 31\2c 31\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 31 31 / var(--tw-bg-opacity));
}
.dark\:bg-\[rgb\(32\2c 40\2c 48\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(32 40 48 / var(--tw-bg-opacity));
}
.dark\:bg-\[rgb\(63\2c 63\2c 63\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 63 / var(--tw-bg-opacity));
}
.dark\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.04\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(0,0,0,0.04);
}
.dark\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.08\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(0,0,0,0.08);
}
.dark\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.4\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(0,0,0,0.4);
}
.dark\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.9\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(0,0,0,0.9);
}
.dark\:bg-\[rgba\(128\2c 128\2c 128\2c 0\.06\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(128,128,128,0.06);
}
.dark\:bg-\[rgba\(128\2c 128\2c 128\2c 0\.08\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(128,128,128,0.08);
}
.dark\:bg-\[rgba\(128\2c 128\2c 128\2c 0\.25\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(128,128,128,0.25);
}
.dark\:bg-\[rgba\(182\2c 202\2c 202\2c 0\.3\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(182,202,202,0.3);
}
.dark\:bg-\[rgba\(239\2c 68\2c 68\2c 0\.15\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(239,68,68,0.15);
}
.dark\:bg-\[rgba\(239\2c 68\2c 68\2c 0\.2\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(239,68,68,0.2);
}
.dark\:bg-\[rgba\(251\2c 191\2c 36\2c 0\.15\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(251,191,36,0.15);
}
.dark\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.02\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(255,255,255,0.02);
}
.dark\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.05\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(255,255,255,0.05);
}
.dark\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(255,255,255,0.08);
}
.dark\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.12\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(255,255,255,0.12);
}
.dark\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.15\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(255,255,255,0.15);
}
.dark\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(255,255,255,0.2);
}
.dark\:bg-\[rgba\(30\2c 30\2c 35\2c 0\.8\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(30,30,35,0.8);
}
.dark\:bg-\[rgba\(34\2c 197\2c 94\2c 0\.2\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(34,197,94,0.2);
}
.dark\:bg-\[rgba\(37\2c 116\2c 245\2c 0\.10\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(37,116,245,0.10);
}
.dark\:bg-\[rgba\(37\2c 116\2c 245\2c 0\.30\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(37,116,245,0.30);
}
.dark\:bg-\[rgba\(45\2c 45\2c 45\2c 0\.45\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(45,45,45,0.45);
}
.dark\:bg-\[rgba\(45\2c 45\2c 45\2c 0\.5\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(45,45,45,0.5);
}
.dark\:bg-\[rgba\(50\2c 50\2c 50\2c 0\.65\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(50,50,50,0.65);
}
.dark\:bg-\[rgba\(59\2c 130\2c 246\2c 0\.12\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(59,130,246,0.12);
}
.dark\:bg-\[rgba\(59\2c 130\2c 246\2c 0\.15\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(59,130,246,0.15);
}
.dark\:bg-\[rgba\(59\2c 130\2c 246\2c 0\.2\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(59,130,246,0.2);
}
.dark\:bg-\[rgba\(9\2c 121\2c 255\2c 0\.05\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(9,121,255,0.05);
}
.dark\:bg-background-secondary:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--background-secondary);
}
.dark\:bg-background-tertiary:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--background-tertiary);
}
.dark\:bg-dark-bg:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--dark-bg);
}
.dark\:bg-dark-bg-secondary:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--dark-bg-secondary);
}
.dark\:bg-dark-bg-tertiary:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--dark-bg-tertiary);
}
.dark\:bg-dark-border:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--dark-border);
}
.dark\:bg-dark-text-secondary:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--dark-text-secondary);
}
.dark\:bg-modal-button-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--modal-button-dark);
}
.dark\:bg-promo-bg-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--promo-bg-dark);
}
.dark\:bg-subscriber-count-bg-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--subscriber-count-bg-dark);
}
.dark\:bg-toolbar-dark-bg:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--toolbar-dark-bg);
}
.dark\:bg-toolbar-dark-card:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--toolbar-dark-card);
}
.dark\:bg-toolbar-dark-secondary:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--toolbar-dark-secondary);
}
.dark\:bg-toolbar-divider-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--toolbar-divider-dark);
}
.dark\:bg-toolbar-dropdown-dark-hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--toolbar-dropdown-dark-hover);
}
.dark\:bg-toolbar-skeleton-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--toolbar-skeleton-dark);
}
.dark\:bg-toolbar-tooltip-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--toolbar-tooltip-dark);
}
.dark\:bg-toolbar-tooltip-dark-bg:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--toolbar-tooltip-dark-bg);
}
.dark\:bg-transparent:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: transparent;
}
.dark\:bg-upload-flow-grey-10:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--upload-flow-grey-10);
}
.dark\:bg-upload-flow-grey-11:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--upload-flow-grey-11);
}
.dark\:bg-upload-flow-grey-12:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--upload-flow-grey-12);
}
.dark\:bg-upload-flow-grey-12-50:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--upload-flow-grey-12-50);
}
.dark\:bg-upload-flow-grey-2:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--upload-flow-grey-2);
}
.dark\:bg-upload-flow-grey-4:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--upload-flow-grey-4);
}
.dark\:bg-upload-flow-grey-5:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--upload-flow-grey-5);
}
.dark\:bg-upload-flow-grey-6:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--upload-flow-grey-6);
}
.dark\:bg-upload-flow-grey-7:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--upload-flow-grey-7);
}
.dark\:bg-upload-flow-grey-8:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--upload-flow-grey-8);
}
.dark\:bg-upload-flow-grey-9:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--upload-flow-grey-9);
}
.dark\:bg-video-filters-bg-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--video-filters-bg-dark);
}
.dark\:bg-video-filters-bg-secondary-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--video-filters-bg-secondary-dark);
}
.dark\:bg-video-filters-border-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--video-filters-border-dark);
}
.dark\:bg-vidiq:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--vidiq);
}
.dark\:bg-white:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--white);
}
.dark\:bg-youtube-button-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(255, 255, 255, 0.1);
}
.dark\:bg-opacity-95:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 0.95;
}
.dark\:from-\[rgba\(30\2c 30\2c 35\2c 0\.8\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-gradient-from: rgba(30,30,35,0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(30, 30, 35, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-\[rgba\(37\2c 116\2c 245\2c 0\.15\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-gradient-from: rgba(37,116,245,0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(37, 116, 245, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-upload-flow-grey-11:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-gradient-from: var(--upload-flow-grey-11) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:via-\[rgba\(30\2c 30\2c 35\2c 0\.6\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-gradient-to: rgba(30, 30, 35, 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgba(30,30,35,0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-upload-flow-grey-11:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--upload-flow-grey-11) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:to-\[rgba\(30\2c 30\2c 35\2c 0\.8\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-gradient-to: rgba(30,30,35,0.8) var(--tw-gradient-to-position);
}
.dark\:to-transparent:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.dark\:to-upload-flow-grey-10:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-gradient-to: var(--upload-flow-grey-10) var(--tw-gradient-to-position);
}
.dark\:fill-\[rgb\(170\2c 170\2c 170\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  fill: rgb(170,170,170);
}
.dark\:fill-\[rgb\(255\2c 255\2c 255\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  fill: rgb(255,255,255);
}
.dark\:fill-white:where([data-theme="dark"], [data-theme="dark"] *) {
  fill: var(--white);
}
.dark\:text-\[\#139DFF\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(19 157 255 / var(--tw-text-opacity));
}
.dark\:text-\[\#4DB8FF\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(77 184 255 / var(--tw-text-opacity));
}
.dark\:text-\[\#848484\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}
.dark\:text-\[\#8A8A8A\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}
.dark\:text-\[\#979797\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(151 151 151 / var(--tw-text-opacity));
}
.dark\:text-\[\#A2A2A2\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(162 162 162 / var(--tw-text-opacity));
}
.dark\:text-\[\#C0C0C0\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(192 192 192 / var(--tw-text-opacity));
}
.dark\:text-\[\#FCD34D\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity));
}
.dark\:text-\[\#FFFFFF\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.dark\:text-\[\#FFF\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.dark\:text-\[\#a5a5a5\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(165 165 165 / var(--tw-text-opacity));
}
.dark\:text-\[\#aaa\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(170 170 170 / var(--tw-text-opacity));
}
.dark\:text-\[\#fff\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.dark\:text-\[\#ffffff\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.dark\:text-\[--off-black\]:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--off-black);
}
.dark\:text-\[rgb\(170\2c 170\2c 170\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(170 170 170 / var(--tw-text-opacity));
}
.dark\:text-\[rgb\(255\2c 255\2c 255\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.dark\:text-\[rgba\(200\2c 200\2c 200\2c 0\.7\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  color: rgba(200,200,200,0.7);
}
.dark\:text-\[rgba\(255\2c 255\2c 255\2c 0\.6\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  color: rgba(255,255,255,0.6);
}
.dark\:text-\[rgba\(255\2c 255\2c 255\2c 0\.75\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  color: rgba(255,255,255,0.75);
}
.dark\:text-\[rgba\(255\2c 255\2c 255\2c 0\.85\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  color: rgba(255,255,255,0.85);
}
.dark\:text-caution:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--caution);
}
.dark\:text-dark-text:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--dark-text);
}
.dark\:text-dark-text-secondary:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--dark-text-secondary);
}
.dark\:text-eclipse:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--eclipse);
}
.dark\:text-error:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--error);
}
.dark\:text-iq-primary:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--blue);
}
.dark\:text-midnight:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--midnight);
}
.dark\:text-modal-text-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--modal-text-dark);
}
.dark\:text-positive:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--positive);
}
.dark\:text-primary:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--primary);
}
.dark\:text-slate:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--slate);
}
.dark\:text-subscriber-count-text-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--subscriber-count-text-dark);
}
.dark\:text-success:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--success);
}
.dark\:text-t-secondary:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--text-secondary);
}
.dark\:text-toolbar-dark-secondary:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--toolbar-dark-secondary);
}
.dark\:text-toolbar-dark-text:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--toolbar-dark-text);
}
.dark\:text-toolbar-hover-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--toolbar-hover-dark);
}
.dark\:text-upload-flow-grey-8:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--upload-flow-grey-8);
}
.dark\:text-upload-flow-light-grey-2:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--upload-flow-light-grey-2);
}
.dark\:text-upload-flow-light-grey-3:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--upload-flow-light-grey-3);
}
.dark\:text-upload-flow-light-grey-4:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--upload-flow-light-grey-4);
}
.dark\:text-upload-flow-light-grey-5:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--upload-flow-light-grey-5);
}
.dark\:text-video-filters-text-secondary-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--video-filters-text-secondary-dark);
}
.dark\:text-video-filters-text-tertiary-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--video-filters-text-tertiary-dark);
}
.dark\:text-white:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--white);
}
.dark\:shadow-\[-0_-1px_2px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)_inset\2c 0_1px_2px_0_rgba\(255\2c 255\2c 255\2c 0\.02\)_inset\2c 0_16px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.01\)\2c 0_10px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c 0_6px_3px_0_rgba\(0\2c 0\2c 0\2c 0\.10\)\2c 0_3px_3px_0_rgba\(0\2c 0\2c 0\2c 0\.26\)\2c 0_1px_1px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: -0 -1px 2px 0 rgba(0,0,0,0.05) inset,0 1px 2px 0 rgba(255,255,255,0.02) inset,0 16px 4px 0 rgba(0,0,0,0.01),0 10px 4px 0 rgba(0,0,0,0.05),0 6px 3px 0 rgba(0,0,0,0.10),0 3px 3px 0 rgba(0,0,0,0.26),0 1px 1px 0 rgba(0,0,0,0.05);
  --tw-shadow-colored: inset -0 -1px 2px 0 var(--tw-shadow-color), inset 0 1px 2px 0 var(--tw-shadow-color), 0 16px 4px 0 var(--tw-shadow-color), 0 10px 4px 0 var(--tw-shadow-color), 0 6px 3px 0 var(--tw-shadow-color), 0 3px 3px 0 var(--tw-shadow-color), 0 1px 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_-1\.125px_2\.25px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)_inset\2c 0_1\.125px_2\.25px_0_rgba\(255\2c 255\2c 255\2c 0\.02\)_inset\2c 0_18px_4\.5px_0_rgba\(0\2c 0\2c 0\2c 0\.01\)\2c 0_11\.25px_4\.5px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c 0_6\.75px_3\.375px_0_rgba\(0\2c 0\2c 0\2c 0\.10\)\2c 0_3\.375px_3\.375px_0_rgba\(0\2c 0\2c 0\2c 0\.26\)\2c 0_1\.125px_1\.125px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: 0 -1.125px 2.25px 0 rgba(0,0,0,0.05) inset,0 1.125px 2.25px 0 rgba(255,255,255,0.02) inset,0 18px 4.5px 0 rgba(0,0,0,0.01),0 11.25px 4.5px 0 rgba(0,0,0,0.05),0 6.75px 3.375px 0 rgba(0,0,0,0.10),0 3.375px 3.375px 0 rgba(0,0,0,0.26),0 1.125px 1.125px 0 rgba(0,0,0,0.05);
  --tw-shadow-colored: inset 0 -1.125px 2.25px 0 var(--tw-shadow-color), inset 0 1.125px 2.25px 0 var(--tw-shadow-color), 0 18px 4.5px 0 var(--tw-shadow-color), 0 11.25px 4.5px 0 var(--tw-shadow-color), 0 6.75px 3.375px 0 var(--tw-shadow-color), 0 3.375px 3.375px 0 var(--tw-shadow-color), 0 1.125px 1.125px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_-1px_2px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)_inset\2c 0_1px_2px_0_rgba\(255\2c 255\2c 255\2c 0\.02\)_inset\2c 0_16px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.01\)\2c 0_10px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c 0_6px_3px_0_rgba\(0\2c 0\2c 0\2c 0\.10\)\2c 0_3px_3px_0_rgba\(0\2c 0\2c 0\2c 0\.26\)\2c 0_1px_1px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: 0 -1px 2px 0 rgba(0,0,0,0.05) inset,0 1px 2px 0 rgba(255,255,255,0.02) inset,0 16px 4px 0 rgba(0,0,0,0.01),0 10px 4px 0 rgba(0,0,0,0.05),0 6px 3px 0 rgba(0,0,0,0.10),0 3px 3px 0 rgba(0,0,0,0.26),0 1px 1px 0 rgba(0,0,0,0.05);
  --tw-shadow-colored: inset 0 -1px 2px 0 var(--tw-shadow-color), inset 0 1px 2px 0 var(--tw-shadow-color), 0 16px 4px 0 var(--tw-shadow-color), 0 10px 4px 0 var(--tw-shadow-color), 0 6px 3px 0 var(--tw-shadow-color), 0 3px 3px 0 var(--tw-shadow-color), 0 1px 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_0_10px_0_rgba\(255\2c 255\2c 255\2c 0\.1\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: 0 0 10px 0 rgba(255,255,255,0.1);
  --tw-shadow-colored: 0 0 10px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_0_10px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: 0 0 10px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.15\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: 0 1px 3px rgba(0,0,0,0.15);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.2\)\2c 0_8px_24px_rgba\(0\2c 0\2c 0\2c 0\.15\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: 0 1px 3px rgba(0,0,0,0.2),0 8px 24px rgba(0,0,0,0.15);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_2px_0_0_rgba\(255\2c 255\2c 255\2c 0\.1\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: 0 2px 0 0 rgba(255,255,255,0.1);
  --tw-shadow-colored: 0 2px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.3\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: 0 4px 12px rgba(0,0,0,0.3);
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0px_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.3\)\2c _0px_0px_0px_1px_rgba\(255\2c 255\2c 255\2c 0\.15\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: 0px 1px 3px rgba(0,0,0,0.3), 0px 0px 0px 1px rgba(255,255,255,0.15);
  --tw-shadow-colored: 0px 1px 3px var(--tw-shadow-color), 0px 0px 0px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0px_2px_10px_rgba\(0\2c 0\2c 0\2c 0\.3\)\2c _0px_0px_0px_1px_rgba\(255\2c 255\2c 255\2c 0\.1\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: 0px 2px 10px rgba(0,0,0,0.3), 0px 0px 0px 1px rgba(255,255,255,0.1);
  --tw-shadow-colored: 0px 2px 10px var(--tw-shadow-color), 0px 0px 0px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0px_304px_85px_0px_rgba\(0\2c _0\2c _0\2c _0\.01\)\2c _0px_194px_78px_0px_rgba\(0\2c _0\2c _0\2c _0\.05\)\2c _0px_109px_66px_0px_rgba\(0\2c _0\2c _0\2c _0\.18\)\2c _0px_49px_49px_0px_rgba\(0\2c _0\2c _0\2c _0\.31\)\2c _0px_12px_27px_0px_rgba\(0\2c _0\2c _0\2c _0\.36\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: 0px 304px 85px 0px rgba(0, 0, 0, 0.01), 0px 194px 78px 0px rgba(0, 0, 0, 0.05), 0px 109px 66px 0px rgba(0, 0, 0, 0.18), 0px 49px 49px 0px rgba(0, 0, 0, 0.31), 0px 12px 27px 0px rgba(0, 0, 0, 0.36);
  --tw-shadow-colored: 0px 304px 85px 0px var(--tw-shadow-color), 0px 194px 78px 0px var(--tw-shadow-color), 0px 109px 66px 0px var(--tw-shadow-color), 0px 49px 49px 0px var(--tw-shadow-color), 0px 12px 27px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[2px_4px_16px_0px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: 2px 4px 16px 0px rgba(0,0,0,0.06);
  --tw-shadow-colored: 2px 4px 16px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[2px_4px_16px_0px_rgba\(0\2c 0\2c 0\2c 0\.06\)_inset\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: 2px 4px 16px 0px rgba(0,0,0,0.06) inset;
  --tw-shadow-colored: inset 2px 4px 16px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[inset_0_-0\.5px_0_0_\#262626\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: inset 0 -0.5px 0 0 #262626;
  --tw-shadow-colored: inset 0 -0.5px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-elevation-high-dark:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: 0px_558px_156px_0px_rgba(0,0,0,0.00),0px_358px_142px_0px_rgba(0,0,0,0.03),0px_200px_120px_0px_rgba(0,0,0,0.11),0px_90px_90px_0px_rgba(0,0,0,0.19),0px_22px_50px_0px_rgba(0,0,0,0.22);
  --tw-shadow-colored: 0px_558px_156px_0px_rgba(0,0,0,0.00), 0px_358px_142px_0px_rgba(0,0,0,0.03), 0px_200px_120px_0px_rgba(0,0,0,0.11), 0px_90px_90px_0px_rgba(0,0,0,0.19), 0px_22px_50px_0px_rgba(0,0,0,0.22);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-none:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:ring-\[rgba\(0\2c 0\2c 0\2c 0\.1\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-ring-color: rgba(0,0,0,0.1);
}
.dark\:ring-\[rgba\(0\2c 0\2c 0\2c 0\.15\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-ring-color: rgba(0,0,0,0.15);
}
.dark\:ring-\[rgba\(128\2c 128\2c 128\2c 0\.3\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-ring-color: rgba(128,128,128,0.3);
}
.dark\:ring-\[rgba\(255\2c 255\2c 255\2c 0\.06\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-ring-color: rgba(255,255,255,0.06);
}
.dark\:ring-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-ring-color: rgba(255,255,255,0.1);
}
.dark\:ring-dark-border:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-ring-color: var(--dark-border);
}
.dark\:invert-0:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-invert: invert(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.dark\:text-1:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--text-1);
}
.dark\:bg-2:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--bg-2);
}
.dark\:bg-3:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--bg-3);
}
.dark\:bg-elevated-1:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--bg-elevated-1);
}
.dark\:bg-elevated-2:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--bg-elevated-2);
}
.dark\:bg-elevated-3:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--bg-elevated-3);
}
.dark\:\*\:text-\[\#C0C0C0\] > *:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(192 192 192 / var(--tw-text-opacity));
}
.dark\:placeholder\:text-dark-text-secondary:where([data-theme="dark"], [data-theme="dark"] *)::placeholder {
  color: var(--dark-text-secondary);
}
.dark\:placeholder\:text-light-text-secondary:where([data-theme="dark"], [data-theme="dark"] *)::placeholder {
  color: var(--light-text-secondary);
}
.dark\:hover\:border-\[\#262626\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(38 38 38 / var(--tw-border-opacity));
}
.dark\:hover\:border-\[\#323232\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(50 50 50 / var(--tw-border-opacity));
}
.dark\:hover\:border-\[\#3B3B3B\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(59 59 59 / var(--tw-border-opacity));
}
.dark\:hover\:border-\[\#494949\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(73 73 73 / var(--tw-border-opacity));
}
.dark\:hover\:border-granite:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--granite);
}
.dark\:hover\:border-pewter:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--pewter);
}
.dark\:hover\:border-toolbar-dark-text:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--toolbar-dark-text);
}
.dark\:hover\:border-transparent:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: transparent;
}
.dark\:hover\:border-upload-flow-grey-3:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--upload-flow-grey-3);
}
.dark\:hover\:border-upload-flow-grey-6:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--upload-flow-grey-6);
}
.hover\:dark\:border-upload-flow-grey-3:where([data-theme="dark"], [data-theme="dark"] *):hover {
  border-color: var(--upload-flow-grey-3);
}
.dark\:hover\:bg-\[\#1B1B1B\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(27 27 27 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-\[\#1F1F1F\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 31 31 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-\[\#232323\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(35 35 35 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-\[\#252525\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-\[\#2574F599\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: #2574F599;
}
.dark\:hover\:bg-\[\#26282A\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(38 40 42 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-\[\#282828\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-\[\#2E2E2E\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(46 46 46 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-\[\#333333\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-\[\#4a4a4a\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(74 74 74 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-\[\#ff000066\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: #ff000066;
}
.dark\:hover\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.12\)\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(0,0,0,0.12);
}
.dark\:hover\:bg-\[rgba\(128\2c 128\2c 128\2c 0\.12\)\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(128,128,128,0.12);
}
.dark\:hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.02\)\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(255,255,255,0.02);
}
.dark\:hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.03\)\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(255,255,255,0.03);
}
.dark\:hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.04\)\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(255,255,255,0.04);
}
.dark\:hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.05\)\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(255,255,255,0.05);
}
.dark\:hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(255,255,255,0.08);
}
.dark\:hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(255,255,255,0.1);
}
.dark\:hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.12\)\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(255,255,255,0.12);
}
.dark\:hover\:bg-background-tertiary:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--background-tertiary);
}
.dark\:hover\:bg-dark-bg-tertiary:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--dark-bg-tertiary);
}
.dark\:hover\:bg-modal-button-dark-hover:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--modal-button-dark-hover);
}
.dark\:hover\:bg-toolbar-dark-card:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--toolbar-dark-card);
}
.dark\:hover\:bg-toolbar-dropdown-dark-hover:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--toolbar-dropdown-dark-hover);
}
.dark\:hover\:bg-toolbar-hover-dark:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--toolbar-hover-dark);
}
.dark\:hover\:bg-upload-flow-grey-10:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--upload-flow-grey-10);
}
.dark\:hover\:bg-upload-flow-grey-7:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--upload-flow-grey-7);
}
.dark\:hover\:bg-upload-flow-grey-8:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--upload-flow-grey-8);
}
.dark\:hover\:bg-youtube-button-dark-hover:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(61 61 61 / var(--tw-bg-opacity));
}
.hover\:dark\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\]:where([data-theme="dark"], [data-theme="dark"] *):hover {
  background-color: rgba(255,255,255,0.1);
}
.hover\:dark\:bg-upload-flow-grey-5:where([data-theme="dark"], [data-theme="dark"] *):hover {
  background-color: var(--upload-flow-grey-5);
}
.dark\:hover\:text-\[\#aaaaaa\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(170 170 170 / var(--tw-text-opacity));
}
.dark\:hover\:text-\[rgba\(230\2c 230\2c 230\2c 1\)\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  color: rgba(230,230,230,1);
}
.dark\:hover\:text-dark-text:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--dark-text);
}
.dark\:hover\:text-toolbar-dark-text:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--toolbar-dark-text);
}
.dark\:hover\:text-white:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--white);
}
.hover\:dark\:text-\[\#FFFFFF\]:where([data-theme="dark"], [data-theme="dark"] *):hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:dark\:text-\[rgb\(241\2c 241\2c 241\)\]:where([data-theme="dark"], [data-theme="dark"] *):hover {
  --tw-text-opacity: 1;
  color: rgb(241 241 241 / var(--tw-text-opacity));
}
.dark\:hover\:shadow-\[0_-1\.125px_2\.25px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)_inset\2c 0_1\.125px_2\.25px_0_rgba\(255\2c 255\2c 255\2c 0\.02\)_inset\2c 0_18px_4\.5px_0_rgba\(0\2c 0\2c 0\2c 0\.01\)\2c 0_11\.25px_4\.5px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c 0_6\.75px_3\.375px_0_rgba\(0\2c 0\2c 0\2c 0\.10\)\2c 0_3\.375px_3\.375px_0_rgba\(0\2c 0\2c 0\2c 0\.26\)\2c 0_1\.125px_1\.125px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: 0 -1.125px 2.25px 0 rgba(0,0,0,0.05) inset,0 1.125px 2.25px 0 rgba(255,255,255,0.02) inset,0 18px 4.5px 0 rgba(0,0,0,0.01),0 11.25px 4.5px 0 rgba(0,0,0,0.05),0 6.75px 3.375px 0 rgba(0,0,0,0.10),0 3.375px 3.375px 0 rgba(0,0,0,0.26),0 1.125px 1.125px 0 rgba(0,0,0,0.05);
  --tw-shadow-colored: inset 0 -1.125px 2.25px 0 var(--tw-shadow-color), inset 0 1.125px 2.25px 0 var(--tw-shadow-color), 0 18px 4.5px 0 var(--tw-shadow-color), 0 11.25px 4.5px 0 var(--tw-shadow-color), 0 6.75px 3.375px 0 var(--tw-shadow-color), 0 3.375px 3.375px 0 var(--tw-shadow-color), 0 1.125px 1.125px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:hover\:shadow-\[0_2px_6px_rgba\(0\2c 0\2c 0\2c 0\.3\)\2c 0_12px_32px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: 0 2px 6px rgba(0,0,0,0.3),0 12px 32px rgba(0,0,0,0.2);
  --tw-shadow-colored: 0 2px 6px var(--tw-shadow-color), 0 12px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:hover\:shadow-\[0px_0px_0px_1px_\#3E3E3E\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: 0px 0px 0px 1px #3E3E3E;
  --tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:hover\:shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.1\)\]:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:dark\:shadow-\[0_-1\.125px_2\.25px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)_inset\2c 0_1\.125px_2\.25px_0_rgba\(255\2c 255\2c 255\2c 0\.02\)_inset\2c 0_18px_4\.5px_0_rgba\(0\2c 0\2c 0\2c 0\.01\)\2c 0_11\.25px_4\.5px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c 0_6\.75px_3\.375px_0_rgba\(0\2c 0\2c 0\2c 0\.10\)\2c 0_3\.375px_3\.375px_0_rgba\(0\2c 0\2c 0\2c 0\.26\)\2c 0_1\.125px_1\.125px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\]:where([data-theme="dark"], [data-theme="dark"] *):hover {
  --tw-shadow: 0 -1.125px 2.25px 0 rgba(0,0,0,0.05) inset,0 1.125px 2.25px 0 rgba(255,255,255,0.02) inset,0 18px 4.5px 0 rgba(0,0,0,0.01),0 11.25px 4.5px 0 rgba(0,0,0,0.05),0 6.75px 3.375px 0 rgba(0,0,0,0.10),0 3.375px 3.375px 0 rgba(0,0,0,0.26),0 1.125px 1.125px 0 rgba(0,0,0,0.05);
  --tw-shadow-colored: inset 0 -1.125px 2.25px 0 var(--tw-shadow-color), inset 0 1.125px 2.25px 0 var(--tw-shadow-color), 0 18px 4.5px 0 var(--tw-shadow-color), 0 11.25px 4.5px 0 var(--tw-shadow-color), 0 6.75px 3.375px 0 var(--tw-shadow-color), 0 3.375px 3.375px 0 var(--tw-shadow-color), 0 1.125px 1.125px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:hover\:bg-2:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--bg-2);
}
.dark\:focus\:border-\[\#2574F5\]:focus:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(37 116 245 / var(--tw-border-opacity));
}
.dark\:focus\:border-\[\#2d2d2d\]:focus:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(45 45 45 / var(--tw-border-opacity));
}
.dark\:focus\:border-primary:focus:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--primary);
}
.dark\:focus\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.05\)\]:focus:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(255,255,255,0.05);
}
.dark\:focus\:ring-\[rgba\(82\2c 145\2c 255\2c 0\.3\)\]:focus:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-ring-color: rgba(82,145,255,0.3);
}
.dark\:active\:border-\[\#1F1F1F\]:active:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(31 31 31 / var(--tw-border-opacity));
}
.dark\:active\:border-transparent:active:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: transparent;
}
.dark\:active\:bg-\[\#0F0F0F\]:active:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 15 15 / var(--tw-bg-opacity));
}
.dark\:active\:bg-\[\#151515\]:active:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(21 21 21 / var(--tw-bg-opacity));
}
.dark\:active\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.16\)\]:active:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(0,0,0,0.16);
}
.dark\:disabled\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.05\)\]:disabled:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(255,255,255,0.05);
}
.dark\:disabled\:bg-transparent:disabled:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: transparent;
}
.group:hover .dark\:group-hover\:bg-upload-flow-grey-12:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--upload-flow-grey-12);
}
.group:hover .dark\:group-hover\:bg-upload-flow-grey-2:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--upload-flow-grey-2);
}
.group:hover .dark\:group-hover\:text-toolbar-dark-text:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--toolbar-dark-text);
}
.dark\:data-\[state\=checked\]\:bg-\[\#FFF\][data-state="checked"]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.dark\:data-\[state\=checked\]\:bg-toolbar-hover-light[data-state="checked"]:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--toolbar-hover-light);
}
.\[\&\:\:-ms-clear\]\:hidden::-ms-clear {
  display: none;
}
.\[\&\:\:-ms-reveal\]\:hidden::-ms-reveal {
  display: none;
}
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
  display: none;
}
.\[\&\:\:-webkit-inner-spin-button\]\:hidden::-webkit-inner-spin-button {
  display: none;
}
.\[\&\:\:-webkit-outer-spin-button\]\:hidden::-webkit-outer-spin-button {
  display: none;
}
.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
  display: none;
}
.\[\&\:\:-webkit-search-decoration\]\:hidden::-webkit-search-decoration {
  display: none;
}
.\[\&\:\:-webkit-search-results-button\]\:hidden::-webkit-search-results-button {
  display: none;
}
.\[\&\:\:-webkit-search-results-decoration\]\:hidden::-webkit-search-results-decoration {
  display: none;
}
.disabled\:\[\&\:\:placeholder\]\:opacity-50:disabled::placeholder {
  opacity: 0.5;
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-none:has([role=checkbox]) {
  padding-right: 0px;
}
.\[\&\:hover\:not\(\:disabled\)\]\:shadow-\[999px_999px_0_0_rgba\(255\2c 255\2c 255\2c 0\.12\)_inset\]:hover:not(:disabled) {
  --tw-shadow: 999px 999px 0 0 rgba(255,255,255,0.12) inset;
  --tw-shadow-colored: inset 999px 999px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\[\&\>tr\:last-child\]\:border-0>tr:last-child {
  border-width: 0px;
}
.\[\&\>tr\]\:border-b-\[0\.5px\]>tr {
  border-bottom-width: 0.5px;
}
.\[\&\>tr\]\:border-separator-1>tr {
  border-color: var(--separator-1);
}
.\[\&_\.ProseMirror\]\:border-none .ProseMirror {
  border-style: none;
}
.\[\&_\.ProseMirror\]\:bg-transparent .ProseMirror {
  background-color: transparent;
}
.\[\&_\.ProseMirror\]\:outline-none .ProseMirror {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_\.ProseMirror_a\]\:text-\[\#139DFF\] .ProseMirror a {
  --tw-text-opacity: 1;
  color: rgb(19 157 255 / var(--tw-text-opacity));
}
.\[\&_\.ProseMirror_a\]\:underline .ProseMirror a {
  text-decoration-line: underline;
}
.\[\&_\.ProseMirror_a\]\:hover\:text-\[\#0D7FD1\]:hover .ProseMirror a {
  --tw-text-opacity: 1;
  color: rgb(13 127 209 / var(--tw-text-opacity));
}
.dark\:\[\&_\.ProseMirror_a\]\:text-\[\#4DB8FF\] .ProseMirror a:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(77 184 255 / var(--tw-text-opacity));
}
.dark\:\[\&_\.ProseMirror_a\]\:hover\:text-\[\#70C5FF\]:hover .ProseMirror a:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(112 197 255 / var(--tw-text-opacity));
}
.\[\&_\.ProseMirror_blockquote\]\:my-\[8px\] .ProseMirror blockquote {
  margin-top: 8px;
  margin-bottom: 8px;
}
.\[\&_\.ProseMirror_blockquote\]\:border-l-\[3px\] .ProseMirror blockquote {
  border-left-width: 3px;
}
.\[\&_\.ProseMirror_blockquote\]\:border-\[rgba\(128\2c 128\2c 128\2c 0\.3\)\] .ProseMirror blockquote {
  border-color: rgba(128,128,128,0.3);
}
.\[\&_\.ProseMirror_blockquote\]\:pl-\[12px\] .ProseMirror blockquote {
  padding-left: 12px;
}
.\[\&_\.ProseMirror_blockquote\]\:italic .ProseMirror blockquote {
  font-style: italic;
}
.\[\&_\.ProseMirror_code\]\:rounded-\[4px\] .ProseMirror code {
  border-radius: 4px;
}
.\[\&_\.ProseMirror_code\]\:bg-\[rgba\(128\2c 128\2c 128\2c 0\.15\)\] .ProseMirror code {
  background-color: rgba(128,128,128,0.15);
}
.\[\&_\.ProseMirror_code\]\:px-\[6px\] .ProseMirror code {
  padding-left: 6px;
  padding-right: 6px;
}
.\[\&_\.ProseMirror_code\]\:py-\[2px\] .ProseMirror code {
  padding-top: 2px;
  padding-bottom: 2px;
}
.\[\&_\.ProseMirror_code\]\:font-mono .ProseMirror code {
  font-family: monospace, sans-serif;
}
.\[\&_\.ProseMirror_code\]\:text-\[13px\] .ProseMirror code {
  font-size: 13px;
}
.\[\&_\.ProseMirror_em\]\:italic .ProseMirror em {
  font-style: italic;
}
.\[\&_\.ProseMirror_h1\]\:mb-\[8px\] .ProseMirror h1 {
  margin-bottom: 8px;
}
.\[\&_\.ProseMirror_h1\]\:mt-\[16px\] .ProseMirror h1 {
  margin-top: 16px;
}
.\[\&_\.ProseMirror_h1\]\:text-xl .ProseMirror h1 {
  font-size: 2rem;
  line-height: 2.8rem;
}
.\[\&_\.ProseMirror_h1\]\:font-bold .ProseMirror h1 {
  font-weight: 700;
}
.font-satoshi .\[\&_\.ProseMirror_h1\]\:font-bold .ProseMirror h1 {
  font-weight: 660;
}
.\[\&_\.ProseMirror_h2\]\:mb-\[8px\] .ProseMirror h2 {
  margin-bottom: 8px;
}
.\[\&_\.ProseMirror_h2\]\:mt-\[16px\] .ProseMirror h2 {
  margin-top: 16px;
}
.\[\&_\.ProseMirror_h2\]\:text-lg .ProseMirror h2 {
  font-size: 1.8rem;
  line-height: 2.8rem;
}
.\[\&_\.ProseMirror_h2\]\:font-bold .ProseMirror h2 {
  font-weight: 700;
}
.font-satoshi .\[\&_\.ProseMirror_h2\]\:font-bold .ProseMirror h2 {
  font-weight: 660;
}
.\[\&_\.ProseMirror_h3\]\:mb-\[6px\] .ProseMirror h3 {
  margin-bottom: 6px;
}
.\[\&_\.ProseMirror_h3\]\:mt-\[12px\] .ProseMirror h3 {
  margin-top: 12px;
}
.\[\&_\.ProseMirror_h3\]\:text-base .ProseMirror h3 {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.\[\&_\.ProseMirror_h3\]\:font-bold .ProseMirror h3 {
  font-weight: 700;
}
.font-satoshi .\[\&_\.ProseMirror_h3\]\:font-bold .ProseMirror h3 {
  font-weight: 660;
}
.\[\&_\.ProseMirror_hr\]\:my-\[12px\] .ProseMirror hr {
  margin-top: 12px;
  margin-bottom: 12px;
}
.\[\&_\.ProseMirror_hr\]\:border-\[rgba\(128\2c 128\2c 128\2c 0\.2\)\] .ProseMirror hr {
  border-color: rgba(128,128,128,0.2);
}
.\[\&_\.ProseMirror_li\]\:pl-\[4px\] .ProseMirror li {
  padding-left: 4px;
}
.\[\&_\.ProseMirror_li\]\:leading-relaxed .ProseMirror li {
  line-height: 1.625;
}
.\[\&_\.ProseMirror_ol\]\:my-\[8px\] .ProseMirror ol {
  margin-top: 8px;
  margin-bottom: 8px;
}
.\[\&_\.ProseMirror_ol\]\:ml-\[20px\] .ProseMirror ol {
  margin-left: 20px;
}
.\[\&_\.ProseMirror_ol\]\:list-outside .ProseMirror ol {
  list-style-position: outside;
}
.\[\&_\.ProseMirror_ol\]\:list-decimal .ProseMirror ol {
  list-style-type: decimal;
}
.\[\&_\.ProseMirror_ol\]\:space-y-\[4px\] .ProseMirror ol > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * var(--tw-space-y-reverse));
}
.\[\&_\.ProseMirror_p\:first-child\]\:mt-0 .ProseMirror p:first-child {
  margin-top: 0px;
}
.\[\&_\.ProseMirror_p\:last-child\]\:mb-0 .ProseMirror p:last-child {
  margin-bottom: 0px;
}
.\[\&_\.ProseMirror_p\]\:my-0 .ProseMirror p {
  margin-top: 0px;
  margin-bottom: 0px;
}
.\[\&_\.ProseMirror_p\]\:my-\[8px\] .ProseMirror p {
  margin-top: 8px;
  margin-bottom: 8px;
}
.\[\&_\.ProseMirror_p\]\:leading-\[140\%\] .ProseMirror p {
  line-height: 140%;
}
.\[\&_\.ProseMirror_p\]\:leading-relaxed .ProseMirror p {
  line-height: 1.625;
}
.\[\&_\.ProseMirror_pre\]\:my-\[8px\] .ProseMirror pre {
  margin-top: 8px;
  margin-bottom: 8px;
}
.\[\&_\.ProseMirror_pre\]\:overflow-x-auto .ProseMirror pre {
  overflow-x: auto;
}
.\[\&_\.ProseMirror_pre\]\:rounded-\[6px\] .ProseMirror pre {
  border-radius: 6px;
}
.\[\&_\.ProseMirror_pre\]\:bg-\[rgba\(128\2c 128\2c 128\2c 0\.15\)\] .ProseMirror pre {
  background-color: rgba(128,128,128,0.15);
}
.\[\&_\.ProseMirror_pre\]\:p-\[12px\] .ProseMirror pre {
  padding: 12px;
}
.\[\&_\.ProseMirror_pre_code\]\:bg-transparent .ProseMirror pre code {
  background-color: transparent;
}
.\[\&_\.ProseMirror_pre_code\]\:p-0 .ProseMirror pre code {
  padding: 0px;
}
.\[\&_\.ProseMirror_strong\]\:font-bold .ProseMirror strong {
  font-weight: 700;
}
.font-satoshi .\[\&_\.ProseMirror_strong\]\:font-bold .ProseMirror strong {
  font-weight: 660;
}
.\[\&_\.ProseMirror_ul\]\:my-\[8px\] .ProseMirror ul {
  margin-top: 8px;
  margin-bottom: 8px;
}
.\[\&_\.ProseMirror_ul\]\:ml-\[20px\] .ProseMirror ul {
  margin-left: 20px;
}
.\[\&_\.ProseMirror_ul\]\:list-outside .ProseMirror ul {
  list-style-position: outside;
}
.\[\&_\.ProseMirror_ul\]\:list-disc .ProseMirror ul {
  list-style-type: disc;
}
.\[\&_\.ProseMirror_ul\]\:space-y-\[4px\] .ProseMirror ul > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * var(--tw-space-y-reverse));
}
.\[\&_\.keyword\:active\]\:translate-y-0 .keyword:active {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&_\.keyword\:active\]\:shadow-none .keyword:active {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\[\&_\.keyword\:hover\]\:-translate-y-\[1px\] .keyword:hover {
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&_\.keyword\:hover\]\:border-\[rgba\(128\2c 128\2c 128\2c 0\.5\)\] .keyword:hover {
  border-color: rgba(128,128,128,0.5);
}
.\[\&_\.keyword\:hover\]\:bg-\[rgba\(235\2c 235\2c 235\2c 0\.8\)\] .keyword:hover {
  background-color: rgba(235,235,235,0.8);
}
.\[\&_\.keyword\:hover\]\:text-\[rgba\(60\2c 60\2c 60\2c 1\)\] .keyword:hover {
  color: rgba(60,60,60,1);
}
.\[\&_\.keyword\:hover\]\:shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] .keyword:hover {
  --tw-shadow: 0 1px 3px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:\[\&_\.keyword\:hover\]\:border-\[rgba\(128\2c 128\2c 128\2c 0\.4\)\] .keyword:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: rgba(128,128,128,0.4);
}
.dark\:\[\&_\.keyword\:hover\]\:bg-\[rgba\(50\2c 50\2c 50\2c 0\.8\)\] .keyword:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(50,50,50,0.8);
}
.dark\:\[\&_\.keyword\:hover\]\:text-\[rgba\(230\2c 230\2c 230\2c 1\)\] .keyword:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  color: rgba(230,230,230,1);
}
.\[\&_\.keyword\]\:m-0 .keyword {
  margin: 0px;
}
.\[\&_\.keyword\]\:inline-block .keyword {
  display: inline-block;
}
.\[\&_\.keyword\]\:translate-y-0 .keyword {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&_\.keyword\]\:cursor-pointer .keyword {
  cursor: pointer;
}
.\[\&_\.keyword\]\:rounded-\[4px\] .keyword {
  border-radius: 4px;
}
.\[\&_\.keyword\]\:border .keyword {
  border-width: 1px;
}
.\[\&_\.keyword\]\:border-solid .keyword {
  border-style: solid;
}
.\[\&_\.keyword\]\:border-\[rgba\(128\2c 128\2c 128\2c 0\.3\)\] .keyword {
  border-color: rgba(128,128,128,0.3);
}
.\[\&_\.keyword\]\:bg-\[rgba\(245\2c 245\2c 245\2c 0\.6\)\] .keyword {
  background-color: rgba(245,245,245,0.6);
}
.\[\&_\.keyword\]\:px-\[4px\] .keyword {
  padding-left: 4px;
  padding-right: 4px;
}
.\[\&_\.keyword\]\:py-\[1px\] .keyword {
  padding-top: 1px;
  padding-bottom: 1px;
}
.\[\&_\.keyword\]\:text-\[9px\] .keyword {
  font-size: 9px;
}
.\[\&_\.keyword\]\:font-regular .keyword {
  font-weight: 400;
}
.\[\&_\.keyword\]\:leading-\[1\.3\] .keyword {
  line-height: 1.3;
}
.\[\&_\.keyword\]\:text-\[rgba\(96\2c 96\2c 96\2c 0\.9\)\] .keyword {
  color: rgba(96,96,96,0.9);
}
.\[\&_\.keyword\]\:outline-none .keyword {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_\.keyword\]\:transition-all .keyword {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.\[\&_\.keyword\]\:duration-200 .keyword {
  transition-duration: 200ms;
}
.\[\&_\.keyword\]\:ease-in-out .keyword {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.font-satoshi .\[\&_\.keyword\]\:font-regular .keyword {
  font-weight: 460;
}
.dark\:\[\&_\.keyword\]\:border-\[rgba\(128\2c 128\2c 128\2c 0\.25\)\] .keyword:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: rgba(128,128,128,0.25);
}
.dark\:\[\&_\.keyword\]\:bg-\[rgba\(40\2c 40\2c 40\2c 0\.6\)\] .keyword:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(40,40,40,0.6);
}
.dark\:\[\&_\.keyword\]\:text-\[rgba\(200\2c 200\2c 200\2c 0\.85\)\] .keyword:where([data-theme="dark"], [data-theme="dark"] *) {
  color: rgba(200,200,200,0.85);
}
@keyframes fadeInText {
  0% {
    opacity: 0.3;
    transform: translateY(2px) scale(0.75) blur(1.4px);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1) blur(0px);
  }
}
.\[\&_\.streaming-fade-in\]\:animate-fade-in-text .streaming-fade-in {
  animation: fadeInText 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
@media(max-height:800px) {
  .\[\@media\(max-height\:800px\)\]\:max-h-\[85dvh\] {
    max-height: 85dvh;
  }
}


/*# sourceMappingURL=popup.css.map*/