/* src/css/vendors/tiny-slider.css */
@layer properties;
.tns-outer {
  border-style: var(--tw-border-style);
  border-width: 0px;
  position: relative;
  margin: 0 calc(0.5rem * -1);
  .tns-inner {
    overflow: hidden;
    .tns-slider {
      display: flex;
      .tns-item {
        padding: 0 0.75rem;
      }
    }
  }
  .tns-visually-hidden {
    display: none;
  }
  .tns-controls {
    display: none;
  }
  .tns-nav {
    position: absolute;
    bottom: 0;
    inset-inline: 0;
    display: flex;
    gap: 0.375rem;
    justify-content: center;
    button {
      width: 0.75rem;
      height: 0.75rem;
      border-radius: 9999px;
      border: 1px solid var(--color-primary);
      @supports (color: color-mix(in lab, red, red)) {
        border: 1px solid color-mix(in oklab, var(--color-primary) 20%, transparent);
      }
      background: var(--color-primary);
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in oklab, var(--color-primary) 20%, transparent);
      }
      &.tns-nav-active {
        background: var(--color-primary);
        @supports (color: color-mix(in lab, red, red)) {
          background: color-mix(in oklab, var(--color-primary) 50%, transparent);
        }
      }
    }
  }
  [data-action] {
    display: none;
  }
}
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-border-style: solid;
    }
  }
}
/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */
