{"version":3,"file":"style.css","names":[],"sources":["../src/style.css"],"sourcesContent":["[data-truncate-container] {\n  /* Width of the fade from default marker to text */\n  --truncate-internal-marker-fade-width: var(--truncate-marker-fade-width, 2px);\n  /* Width of the solid color between the fade from the default marker to the text */\n  --truncate-internal-marker-gap: var(--truncate-marker-gap, 0px);\n  /* Opacity of the marker 'color' property, not of the element itself */\n  --truncate-internal-marker-opacity: var(--truncate-marker-opacity, 50%);\n  /* Opacity of the marker 'color' property specifically for the middle truncate, not opacity of the element itself */\n  --truncate-internal-middle-marker-opacity: var(\n    --truncate-middle-marker-opacity,\n    80%\n  );\n  /* Background color of the default marker */\n  --truncate-internal-marker-background-color: var(\n    --truncate-marker-background-color,\n    light-dark(white, black)\n  );\n  /* Duration of the fade out animation for the marker */\n  --truncate-internal-marker-fade-out-duration: var(\n    --truncate-marker-fade-out-duration,\n    0ms\n  );\n  /* Duration of the fade in animation for the marker */\n  --truncate-internal-marker-fade-in-duration: var(\n    --truncate-marker-fade-in-duration,\n    100ms\n  );\n\n  /* FADE Variant specifics */\n  --truncate-internal-fade-marker-color: var(\n    --truncate-fade-marker-color,\n    #000\n  );\n  --truncate-internal-fade-marker-width: var(\n    --truncate-fade-marker-width,\n    0.2lh\n  );\n\n  /*\n  In some special cases people might be adding spacing in other ways\n  that would benefit from being able to override this, however the container\n  query below can't use this and would need to be redeclared with the overridden\n  value. It's a bad time, but better than nothing.\n  */\n  --truncate-internal-single-line-height: 1lh;\n\n  height: var(--truncate-internal-single-line-height);\n  min-width: 0;\n  overflow: hidden;\n}\n\n[data-truncate-marker] {\n  display: flex;\n  position: absolute;\n  height: var(--truncate-internal-single-line-height);\n  z-index: 2;\n  color: color-mix(\n    in srgb,\n    currentColor var(--truncate-internal-marker-opacity),\n    transparent\n  );\n\n  /* Core trick for hiding the marker until overflow occurs */\n  opacity: 0;\n  transition: opacity var(--truncate-internal-marker-fade-out-duration)\n    ease-in-out;\n}\n\n@container measure (height > 1lh) {\n  [data-truncate-marker] {\n    opacity: 1;\n    transition: opacity var(--truncate-internal-marker-fade-in-duration)\n      ease-in-out;\n  }\n}\n\n[data-truncate-grid] {\n  display: grid;\n  position: relative;\n}\n\n[data-truncate-content='visible'] {\n  white-space: nowrap;\n}\n\n[data-truncate-content='overflow'] {\n  opacity: 0;\n  pointer-events: none;\n  user-select: none;\n  word-break: break-all;\n  margin-top: calc(-1 * var(--truncate-internal-single-line-height));\n}\n\n[data-truncate-marker-cell] {\n  container: measure / size;\n  overflow: visible;\n  user-select: none;\n  pointer-events: none;\n}\n\n[data-truncate-container='truncate'] {\n  & [data-truncate-grid] {\n    grid-template-columns: minmax(0, max-content) 0;\n  }\n  & [data-truncate-marker] {\n    right: 0;\n  }\n  & [data-truncate-fade] {\n    margin-right: calc(-2 * var(--truncate-internal-fade-marker-width));\n  }\n}\n\n[data-truncate-container='fruncate'] {\n  & [data-truncate-grid] {\n    grid-template-columns: 0 minmax(0, max-content) auto;\n  }\n  & [data-truncate-content] {\n    direction: rtl;\n  }\n  & [data-truncate-content] > span {\n    unicode-bidi: plaintext;\n  }\n  & [data-truncate-fade] {\n    margin-left: calc(-2 * var(--truncate-internal-fade-marker-width));\n  }\n}\n\n[data-truncate-variant='default'] {\n  & [data-truncate-marker] {\n    background-color: var(--truncate-internal-marker-background-color);\n  }\n  & [data-truncate-marker]::after,\n  & [data-truncate-marker]::before {\n    content: '';\n    position: absolute;\n    width: calc(\n      var(--truncate-internal-marker-fade-width) +\n        var(--truncate-internal-marker-gap)\n    );\n    height: var(--truncate-internal-single-line-height);\n    background: linear-gradient(\n      var(--truncate-internal-fade-dir),\n      var(--truncate-internal-marker-background-color) 0%,\n      var(--truncate-internal-marker-background-color)\n        var(--truncate-internal-marker-gap),\n      transparent 100%\n    );\n  }\n  & [data-truncate-marker]::after {\n    --truncate-internal-fade-dir: to right;\n    right: calc(\n      -1 *\n        (\n          var(--truncate-internal-marker-fade-width) +\n            var(--truncate-internal-marker-gap)\n        )\n    );\n  }\n  & [data-truncate-marker]::before {\n    --truncate-internal-fade-dir: to left;\n    left: calc(\n      -1 *\n        (\n          var(--truncate-internal-marker-fade-width) +\n            var(--truncate-internal-marker-gap)\n        )\n    );\n  }\n}\n\n[data-truncate-variant='fade'] {\n  & [data-truncate-marker] {\n    background: transparent;\n  }\n}\n\n[data-truncate-fade] {\n  box-shadow:\n    0 0 calc(var(--truncate-internal-fade-marker-width) / 2)\n      var(--truncate-internal-fade-marker-color),\n    0 0 var(--truncate-internal-fade-marker-width)\n      var(--truncate-internal-fade-marker-color);\n  width: calc(var(--truncate-internal-fade-marker-width) * 2);\n  height: calc(\n    var(--truncate-internal-single-line-height) -\n      (var(--truncate-internal-fade-marker-width) * 2)\n  );\n  margin: var(--truncate-internal-fade-marker-width) 0;\n}\n\n[data-truncate-group-container='middle'] {\n  & [data-truncate-container] {\n    --truncate-marker-opacity: var(--truncate-internal-middle-marker-opacity);\n  }\n\n  display: flex;\n  min-width: 0;\n\n  & > div {\n    min-width: 0;\n  }\n\n  & > div[data-truncate-segment-priority='1'] {\n    flex: 0 1 max-content;\n  }\n  & > div[data-truncate-segment-priority='2'] {\n    flex: 0 999999 max-content;\n  }\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA"}