@layer starter, reset, base, state, application;
@layer reset {
  ._content_dtl65_2 {
    all: unset;
    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
    font-size: 100%;
    color: var(--foreground-color, #141414);
    margin: 0;
    padding: 0;
    border-style: solid;
    border-width: 0.0625rem;
    border-color: var(--border-color-subdued, #dfe0e1);
    box-sizing: border-box;
    display: revert-layer;
    font-weight: 400;
  }
}
@layer base {
  ._content_dtl65_2 {
    --popover-bridge-size: 8px;
    width: -moz-max-content;
    width: max-content;
    max-width: calc(100% - 1.5rem);
    white-space: pre-line;
    background-color: var(--background-color-strong, #f7f7f7);
    border-radius: 0.375rem;
    box-shadow: 0rem 0.125rem 0.5rem var(--shadow-color, rgba(20, 20, 20, 0.0784313725));
    font-size: 1rem;
    position: absolute !important;
    opacity: 0;
    transition: opacity 100ms, width 100ms, height 100ms, overlay 100ms allow-discrete, display 100ms allow-discrete;
  }
  ._content_dtl65_2 ._scroller_dtl65_31 {
    height: inherit;
    box-sizing: border-box;
    padding: 1rem;
    overflow: auto;
    max-height: inherit;
    min-height: inherit;
  }
  ._arrow_dtl65_39 {
    fill: var(--background-color-strong, #f7f7f7);
    position: absolute;
    height: 0.875rem;
    width: 0.875rem;
  }
  ._arrow_dtl65_39 path {
    stroke: var(--border-color-subdued, #dfe0e1);
    stroke-width: 0.0625rem;
    stroke-dasharray: 0, 0.875rem, 0.8125rem;
    stroke-linejoin: round;
  }
  ._content_dtl65_2[data-position]::before {
    content: "";
    position: absolute;
    pointer-events: auto;
    background: transparent;
  }
  ._content_dtl65_2[data-position=bottom]::before {
    bottom: 100%;
    left: 0;
    width: 100%;
    height: var(--popover-bridge-size);
  }
  ._content_dtl65_2[data-position=top]::before {
    top: 100%;
    left: 0;
    width: 100%;
    height: var(--popover-bridge-size);
  }
  ._content_dtl65_2[data-position=left]::before {
    left: 100%;
    top: 0;
    height: 100%;
    width: var(--popover-bridge-size);
  }
  ._content_dtl65_2[data-position=right]::before {
    right: 100%;
    top: 0;
    height: 100%;
    width: var(--popover-bridge-size);
  }
}
@layer state {
  ._content_dtl65_2:not(:popover-open):not(dialog[open]) {
    display: none !important;
  }
  ._content_dtl65_2:popover-open {
    opacity: 1;
  }
  @starting-style {
    ._content_dtl65_2:popover-open {
      opacity: 0;
    }
  }
  ._content_dtl65_2._no-padding_dtl65_94 ._scroller_dtl65_31 {
    padding-block: 0;
    padding-inline: 0;
  }
}