sakana-element 2.4.2 → 2.5.0

package/dist/theme/Collapse.css

@@ -1,764 +1 @@
-/* Collapse Variables */
-.px-collapse[data-v-7f3e3aa8] {
-  --px-collapse-border-color: var(--px-border-color);
-  --px-collapse-header-height: 48px;
-  --px-collapse-header-bg-color: var(--px-fill-color-blank);
-  --px-collapse-header-text-color: var(--px-text-color-primary);
-  --px-collapse-header-font-size: var(--px-font-size-base);
-  --px-collapse-content-bg-color: var(--px-fill-color-blank);
-  --px-collapse-content-font-size: var(--px-font-size-base);
-  --px-collapse-content-text-color: var(--px-text-color-primary);
-  --px-collapse-disabled-text-color: var(--px-disabled-text-color);
-  --px-collapse-disabled-border-color: var(--px-border-color-lighter);
-  --px-collapse-shadow-color: var(--px-shadow-color);
-  --px-collapse-active-bg-color: var(--px-color-primary-light-9);
-
-  /* Pixel-style container */
-  position: relative;
-  background: transparent;
-  border: none;
-  font-family: var(--px-font-family);
-
-  /* Pixel shadow via drop-shadow */
-  filter: drop-shadow(
-    var(--px-shadow-offset-x) var(--px-shadow-offset-y) 0px var(--px-collapse-shadow-color)
-  );
-}
-/* Border layer — pixel shape */
-.px-collapse[data-v-7f3e3aa8]::before {
-    content: "";
-    position: absolute;
-    inset: 0;
-    background: var(--px-collapse-border-color);
-    clip-path: polygon(
-      0 4px,
-      2px 4px,
-      2px 2px,
-      4px 2px,
-      4px 0,
-      calc(100% - 4px) 0,
-      calc(100% - 4px) 2px,
-      calc(100% - 2px) 2px,
-      calc(100% - 2px) 4px,
-      100% 4px,
-      100% calc(100% - 4px),
-      calc(100% - 2px) calc(100% - 4px),
-      calc(100% - 2px) calc(100% - 2px),
-      calc(100% - 4px) calc(100% - 2px),
-      calc(100% - 4px) 100%,
-      4px 100%,
-      4px calc(100% - 2px),
-      2px calc(100% - 2px),
-      2px calc(100% - 4px),
-      0 calc(100% - 4px)
-    );
-    z-index: 0;
-}
-/* Fill layer — pixel shape */
-.px-collapse[data-v-7f3e3aa8]::after {
-    content: "";
-    position: absolute;
-    inset: 2px;
-    background: var(--px-collapse-header-bg-color);
-    clip-path: polygon(
-      0 4px,
-      2px 4px,
-      2px 2px,
-      4px 2px,
-      4px 0,
-      calc(100% - 4px) 0,
-      calc(100% - 4px) 2px,
-      calc(100% - 2px) 2px,
-      calc(100% - 2px) 4px,
-      100% 4px,
-      100% calc(100% - 4px),
-      calc(100% - 2px) calc(100% - 4px),
-      calc(100% - 2px) calc(100% - 2px),
-      calc(100% - 4px) calc(100% - 2px),
-      calc(100% - 4px) 100%,
-      4px 100%,
-      4px calc(100% - 2px),
-      2px calc(100% - 2px),
-      2px calc(100% - 4px),
-      0 calc(100% - 4px)
-    );
-    z-index: 0;
-}
-/* Collapse Item */
-.px-collapse-item[data-v-7f3e3aa8] {
-  position: relative;
-  z-index: 1;
-}
-.px-collapse-item[data-v-7f3e3aa8]:not(:last-child) {
-    border-bottom: 2px solid var(--px-collapse-border-color);
-}
-/* Disabled state */
-.px-collapse-item.is-disabled[data-v-7f3e3aa8] {
-    opacity: 0.6;
-}
-/* Collapse Header */
-.px-collapse-item__header[data-v-7f3e3aa8] {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: var(--px-collapse-header-height);
-  line-height: var(--px-collapse-header-height);
-  background-color: transparent;
-  color: var(--px-collapse-header-text-color);
-  cursor: pointer;
-  font-size: var(--px-collapse-header-font-size);
-  font-family: var(--px-font-family);
-  font-weight: 500;
-  transition: none;
-  outline: none;
-  padding: 0 16px 0 24px;
-  position: relative;
-}
-/* Pixel selector indicator - small square */
-.px-collapse-item__header[data-v-7f3e3aa8]::before {
-    content: "";
-    position: absolute;
-    left: 10px;
-    top: 50%;
-    transform: translateY(-50%);
-    width: 6px;
-    height: 6px;
-    background: transparent;
-    border: 2px solid transparent;
-    z-index: 2;
-}
-/* Background layer with pixel corners for first item */
-.px-collapse-item__header[data-v-7f3e3aa8]::after {
-    content: "";
-    position: absolute;
-    inset: 0;
-    background: transparent;
-    z-index: -1;
-}
-/* Hover effect */
-.px-collapse-item__header[data-v-7f3e3aa8]:hover:not(.is-disabled)::after {
-      background-color: var(--px-fill-color-light);
-}
-.px-collapse-item__header[data-v-7f3e3aa8]:hover:not(.is-disabled)::before {
-      border-color: var(--px-hover-border-color);
-}
-/* Disabled state */
-.px-collapse-item__header.is-disabled[data-v-7f3e3aa8] {
-    color: var(--px-collapse-disabled-text-color);
-    cursor: not-allowed;
-    background-image: none;
-}
-/* Active state */
-.px-collapse-item__header.is-active[data-v-7f3e3aa8]::after {
-      background-color: var(--px-collapse-active-bg-color);
-}
-/* Pixel indicator - filled square */
-.px-collapse-item__header.is-active[data-v-7f3e3aa8]::before {
-      background: var(--px-color-primary);
-      border-color: var(--px-color-primary);
-}
-/* Arrow rotates down */
-.px-collapse-item__header.is-active .header-angle[data-v-7f3e3aa8] {
-      transform: rotate(90deg);
-}
-/* Title section */
-.px-collapse-item__header .px-collapse-item__title[data-v-7f3e3aa8] {
-    flex: 1;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-/* Arrow icon */
-.px-collapse-item__header .header-angle[data-v-7f3e3aa8] {
-    transition: none;
-    color: var(--px-text-color-secondary);
-}
-/* Hidden arrow — remove extra right padding */
-.px-collapse-item__header.is-hidden-arrow[data-v-7f3e3aa8] {
-    padding-right: 24px;
-}
-/* Toggle icon (plus/minus) — no rotation on active */
-.px-collapse-item__header.is-active .header-angle.is-toggle-icon[data-v-7f3e3aa8] {
-    transform: none;
-}
-/* First item header needs pixel corners on top */
-.px-collapse-item:first-child .px-collapse-item__header[data-v-7f3e3aa8]::after {
-    top: 2px;
-    left: 2px;
-    right: 2px;
-    clip-path: polygon(
-      0 2px,
-      2px 2px,
-      2px 0,
-      4px 0,
-      calc(100% - 4px) 0,
-      calc(100% - 4px) 2px,
-      calc(100% - 2px) 2px,
-      calc(100% - 2px) 2px,
-      100% 2px,
-      100% 100%,
-      0 100%
-    );
-}
-/* Middle items need left/right inset */
-.px-collapse-item:not(:first-child):not(:last-child) .px-collapse-item__header[data-v-7f3e3aa8]::after {
-    left: 2px;
-    right: 2px;
-}
-/* Last item needs pixel corners on bottom */
-.px-collapse-item:last-child .px-collapse-item__header[data-v-7f3e3aa8]::after {
-    bottom: 2px;
-    left: 2px;
-    right: 2px;
-    clip-path: polygon(
-      0 0,
-      100% 0,
-      100% calc(100% - 2px),
-      calc(100% - 2px) calc(100% - 2px),
-      calc(100% - 2px) calc(100%),
-      calc(100% - 4px) 100%,
-      4px 100%,
-      4px calc(100%),
-      2px calc(100% - 2px),
-      0 calc(100% - 2px)
-    );
-}
-/* Last item content also needs pixel corners on bottom */
-.px-collapse-item:last-child .px-collapse-item__content[data-v-7f3e3aa8]::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    bottom: 2px;
-    left: 2px;
-    right: 2px;
-    background: var(--px-collapse-content-bg-color);
-    clip-path: polygon(
-      0 0,
-      100% 0,
-      100% calc(100% - 2px),
-      calc(100% - 2px) calc(100% - 2px),
-      calc(100% - 2px) 100%,
-      calc(100% - 4px) 100%,
-      4px 100%,
-      4px 100%,
-      2px calc(100% - 2px),
-      0 calc(100% - 2px)
-    );
-    z-index: -1;
-}
-/* If only one item, needs both top and bottom pixel corners */
-.px-collapse-item:first-child:last-child .px-collapse-item__header[data-v-7f3e3aa8]::after {
-    top: 2px;
-    bottom: 2px;
-    left: 2px;
-    right: 2px;
-    clip-path: polygon(
-      0 2px,
-      2px 2px,
-      2px 0,
-      4px 0,
-      calc(100% - 4px) 0,
-      calc(100% - 4px) 2px,
-      calc(100% - 2px) 2px,
-      100% 2px,
-      100% calc(100% - 2px),
-      calc(100% - 2px) calc(100% - 2px),
-      calc(100% - 2px) 100%,
-      calc(100% - 4px) 100%,
-      4px 100%,
-      4px 100%,
-      2px calc(100% - 2px),
-      0 calc(100% - 2px)
-    );
-}
-/* Collapse Content Wrapper */
-.px-collapse-item__wapper[data-v-7f3e3aa8] {
-  overflow: hidden;
-}
-/* Collapse Content */
-.px-collapse-item__content[data-v-7f3e3aa8] {
-  will-change: height;
-  background-color: var(--px-collapse-content-bg-color);
-  overflow: hidden;
-  box-sizing: border-box;
-  font-size: var(--px-collapse-content-font-size);
-  font-family: var(--px-font-family);
-  color: var(--px-collapse-content-text-color);
-  padding: 16px 24px;
-  position: relative;
-}
-/* Pixel-style dashed border at top using repeating squares */
-.px-collapse-item__content[data-v-7f3e3aa8]::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 4px;
-    right: 4px;
-    height: 2px;
-    background-image: repeating-linear-gradient(
-      to right,
-      var(--px-collapse-border-color) 0px,
-      var(--px-collapse-border-color) 6px,
-      transparent 6px,
-      transparent 12px
-    );
-}
-/* Ghost variant — no pixel border/shadow, borderless style */
-.px-collapse.is-ghost[data-v-7f3e3aa8] {
-  filter: none;
-}
-.px-collapse.is-ghost[data-v-7f3e3aa8]::before,
-  .px-collapse.is-ghost[data-v-7f3e3aa8]::after {
-    display: none;
-}
-.px-collapse.is-ghost .px-collapse-item[data-v-7f3e3aa8] {
-  border-bottom: none;
-}
-.px-collapse.is-ghost .px-collapse-item__header[data-v-7f3e3aa8]::before {
-    display: none;
-}
-.px-collapse.is-ghost .px-collapse-item__header[data-v-7f3e3aa8]::after {
-    background: transparent;
-}
-.px-collapse.is-ghost .px-collapse-item__content[data-v-7f3e3aa8]::before {
-  display: none;
-}
-/* Preset color variants */
-.px-collapse--primary[data-v-7f3e3aa8] {
-    --px-collapse-border-color: var(--px-color-primary-dark);
-    --px-collapse-shadow-color: var(--px-color-primary-dark);
-    --px-collapse-active-bg-color: var(--px-color-primary-light-9);
-}
-.px-collapse--primary .px-collapse-item__header.is-active[data-v-7f3e3aa8]::before {
-    background: var(--px-color-primary);
-    border-color: var(--px-color-primary);
-}
-.px-collapse--success[data-v-7f3e3aa8] {
-    --px-collapse-border-color: var(--px-color-success-dark);
-    --px-collapse-shadow-color: var(--px-color-success-dark);
-    --px-collapse-active-bg-color: var(--px-color-success-light-9);
-}
-.px-collapse--success .px-collapse-item__header.is-active[data-v-7f3e3aa8]::before {
-    background: var(--px-color-success);
-    border-color: var(--px-color-success);
-}
-.px-collapse--warning[data-v-7f3e3aa8] {
-    --px-collapse-border-color: var(--px-color-warning-dark);
-    --px-collapse-shadow-color: var(--px-color-warning-dark);
-    --px-collapse-active-bg-color: var(--px-color-warning-light-9);
-}
-.px-collapse--warning .px-collapse-item__header.is-active[data-v-7f3e3aa8]::before {
-    background: var(--px-color-warning);
-    border-color: var(--px-color-warning);
-}
-.px-collapse--info[data-v-7f3e3aa8] {
-    --px-collapse-border-color: var(--px-color-info-dark);
-    --px-collapse-shadow-color: var(--px-color-info-dark);
-    --px-collapse-active-bg-color: var(--px-color-info-light-9);
-}
-.px-collapse--info .px-collapse-item__header.is-active[data-v-7f3e3aa8]::before {
-    background: var(--px-color-info);
-    border-color: var(--px-color-info);
-}
-.px-collapse--danger[data-v-7f3e3aa8] {
-    --px-collapse-border-color: var(--px-color-danger-dark);
-    --px-collapse-shadow-color: var(--px-color-danger-dark);
-    --px-collapse-active-bg-color: var(--px-color-danger-light-9);
-}
-.px-collapse--danger .px-collapse-item__header.is-active[data-v-7f3e3aa8]::before {
-    background: var(--px-color-danger);
-    border-color: var(--px-color-danger);
-}
-/* Icon at start position */
-.px-collapse-item__header.is-icon-start .header-angle[data-v-7f3e3aa8] {
-    order: -1;
-    margin-right: 8px;
-    margin-left: 0;
-}
-/* Animation - instant for pixel feel */
-.slide-enter-active[data-v-7f3e3aa8],
-.slide-leave-active[data-v-7f3e3aa8] {
-  transition: none;
-}
-/* Collapse Variables */
-.px-collapse[data-v-f3406cbb] {
-  --px-collapse-border-color: var(--px-border-color);
-  --px-collapse-header-height: 48px;
-  --px-collapse-header-bg-color: var(--px-fill-color-blank);
-  --px-collapse-header-text-color: var(--px-text-color-primary);
-  --px-collapse-header-font-size: var(--px-font-size-base);
-  --px-collapse-content-bg-color: var(--px-fill-color-blank);
-  --px-collapse-content-font-size: var(--px-font-size-base);
-  --px-collapse-content-text-color: var(--px-text-color-primary);
-  --px-collapse-disabled-text-color: var(--px-disabled-text-color);
-  --px-collapse-disabled-border-color: var(--px-border-color-lighter);
-  --px-collapse-shadow-color: var(--px-shadow-color);
-  --px-collapse-active-bg-color: var(--px-color-primary-light-9);
-
-  /* Pixel-style container */
-  position: relative;
-  background: transparent;
-  border: none;
-  font-family: var(--px-font-family);
-
-  /* Pixel shadow via drop-shadow */
-  filter: drop-shadow(
-    var(--px-shadow-offset-x) var(--px-shadow-offset-y) 0px var(--px-collapse-shadow-color)
-  );
-}
-/* Border layer — pixel shape */
-.px-collapse[data-v-f3406cbb]::before {
-    content: "";
-    position: absolute;
-    inset: 0;
-    background: var(--px-collapse-border-color);
-    clip-path: polygon(
-      0 4px,
-      2px 4px,
-      2px 2px,
-      4px 2px,
-      4px 0,
-      calc(100% - 4px) 0,
-      calc(100% - 4px) 2px,
-      calc(100% - 2px) 2px,
-      calc(100% - 2px) 4px,
-      100% 4px,
-      100% calc(100% - 4px),
-      calc(100% - 2px) calc(100% - 4px),
-      calc(100% - 2px) calc(100% - 2px),
-      calc(100% - 4px) calc(100% - 2px),
-      calc(100% - 4px) 100%,
-      4px 100%,
-      4px calc(100% - 2px),
-      2px calc(100% - 2px),
-      2px calc(100% - 4px),
-      0 calc(100% - 4px)
-    );
-    z-index: 0;
-}
-/* Fill layer — pixel shape */
-.px-collapse[data-v-f3406cbb]::after {
-    content: "";
-    position: absolute;
-    inset: 2px;
-    background: var(--px-collapse-header-bg-color);
-    clip-path: polygon(
-      0 4px,
-      2px 4px,
-      2px 2px,
-      4px 2px,
-      4px 0,
-      calc(100% - 4px) 0,
-      calc(100% - 4px) 2px,
-      calc(100% - 2px) 2px,
-      calc(100% - 2px) 4px,
-      100% 4px,
-      100% calc(100% - 4px),
-      calc(100% - 2px) calc(100% - 4px),
-      calc(100% - 2px) calc(100% - 2px),
-      calc(100% - 4px) calc(100% - 2px),
-      calc(100% - 4px) 100%,
-      4px 100%,
-      4px calc(100% - 2px),
-      2px calc(100% - 2px),
-      2px calc(100% - 4px),
-      0 calc(100% - 4px)
-    );
-    z-index: 0;
-}
-/* Collapse Item */
-.px-collapse-item[data-v-f3406cbb] {
-  position: relative;
-  z-index: 1;
-}
-.px-collapse-item[data-v-f3406cbb]:not(:last-child) {
-    border-bottom: 2px solid var(--px-collapse-border-color);
-}
-/* Disabled state */
-.px-collapse-item.is-disabled[data-v-f3406cbb] {
-    opacity: 0.6;
-}
-/* Collapse Header */
-.px-collapse-item__header[data-v-f3406cbb] {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: var(--px-collapse-header-height);
-  line-height: var(--px-collapse-header-height);
-  background-color: transparent;
-  color: var(--px-collapse-header-text-color);
-  cursor: pointer;
-  font-size: var(--px-collapse-header-font-size);
-  font-family: var(--px-font-family);
-  font-weight: 500;
-  transition: none;
-  outline: none;
-  padding: 0 16px 0 24px;
-  position: relative;
-}
-/* Pixel selector indicator - small square */
-.px-collapse-item__header[data-v-f3406cbb]::before {
-    content: "";
-    position: absolute;
-    left: 10px;
-    top: 50%;
-    transform: translateY(-50%);
-    width: 6px;
-    height: 6px;
-    background: transparent;
-    border: 2px solid transparent;
-    z-index: 2;
-}
-/* Background layer with pixel corners for first item */
-.px-collapse-item__header[data-v-f3406cbb]::after {
-    content: "";
-    position: absolute;
-    inset: 0;
-    background: transparent;
-    z-index: -1;
-}
-/* Hover effect */
-.px-collapse-item__header[data-v-f3406cbb]:hover:not(.is-disabled)::after {
-      background-color: var(--px-fill-color-light);
-}
-.px-collapse-item__header[data-v-f3406cbb]:hover:not(.is-disabled)::before {
-      border-color: var(--px-hover-border-color);
-}
-/* Disabled state */
-.px-collapse-item__header.is-disabled[data-v-f3406cbb] {
-    color: var(--px-collapse-disabled-text-color);
-    cursor: not-allowed;
-    background-image: none;
-}
-/* Active state */
-.px-collapse-item__header.is-active[data-v-f3406cbb]::after {
-      background-color: var(--px-collapse-active-bg-color);
-}
-/* Pixel indicator - filled square */
-.px-collapse-item__header.is-active[data-v-f3406cbb]::before {
-      background: var(--px-color-primary);
-      border-color: var(--px-color-primary);
-}
-/* Arrow rotates down */
-.px-collapse-item__header.is-active .header-angle[data-v-f3406cbb] {
-      transform: rotate(90deg);
-}
-/* Title section */
-.px-collapse-item__header .px-collapse-item__title[data-v-f3406cbb] {
-    flex: 1;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-/* Arrow icon */
-.px-collapse-item__header .header-angle[data-v-f3406cbb] {
-    transition: none;
-    color: var(--px-text-color-secondary);
-}
-/* Hidden arrow — remove extra right padding */
-.px-collapse-item__header.is-hidden-arrow[data-v-f3406cbb] {
-    padding-right: 24px;
-}
-/* Toggle icon (plus/minus) — no rotation on active */
-.px-collapse-item__header.is-active .header-angle.is-toggle-icon[data-v-f3406cbb] {
-    transform: none;
-}
-/* First item header needs pixel corners on top */
-.px-collapse-item:first-child .px-collapse-item__header[data-v-f3406cbb]::after {
-    top: 2px;
-    left: 2px;
-    right: 2px;
-    clip-path: polygon(
-      0 2px,
-      2px 2px,
-      2px 0,
-      4px 0,
-      calc(100% - 4px) 0,
-      calc(100% - 4px) 2px,
-      calc(100% - 2px) 2px,
-      calc(100% - 2px) 2px,
-      100% 2px,
-      100% 100%,
-      0 100%
-    );
-}
-/* Middle items need left/right inset */
-.px-collapse-item:not(:first-child):not(:last-child) .px-collapse-item__header[data-v-f3406cbb]::after {
-    left: 2px;
-    right: 2px;
-}
-/* Last item needs pixel corners on bottom */
-.px-collapse-item:last-child .px-collapse-item__header[data-v-f3406cbb]::after {
-    bottom: 2px;
-    left: 2px;
-    right: 2px;
-    clip-path: polygon(
-      0 0,
-      100% 0,
-      100% calc(100% - 2px),
-      calc(100% - 2px) calc(100% - 2px),
-      calc(100% - 2px) calc(100%),
-      calc(100% - 4px) 100%,
-      4px 100%,
-      4px calc(100%),
-      2px calc(100% - 2px),
-      0 calc(100% - 2px)
-    );
-}
-/* Last item content also needs pixel corners on bottom */
-.px-collapse-item:last-child .px-collapse-item__content[data-v-f3406cbb]::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    bottom: 2px;
-    left: 2px;
-    right: 2px;
-    background: var(--px-collapse-content-bg-color);
-    clip-path: polygon(
-      0 0,
-      100% 0,
-      100% calc(100% - 2px),
-      calc(100% - 2px) calc(100% - 2px),
-      calc(100% - 2px) 100%,
-      calc(100% - 4px) 100%,
-      4px 100%,
-      4px 100%,
-      2px calc(100% - 2px),
-      0 calc(100% - 2px)
-    );
-    z-index: -1;
-}
-/* If only one item, needs both top and bottom pixel corners */
-.px-collapse-item:first-child:last-child .px-collapse-item__header[data-v-f3406cbb]::after {
-    top: 2px;
-    bottom: 2px;
-    left: 2px;
-    right: 2px;
-    clip-path: polygon(
-      0 2px,
-      2px 2px,
-      2px 0,
-      4px 0,
-      calc(100% - 4px) 0,
-      calc(100% - 4px) 2px,
-      calc(100% - 2px) 2px,
-      100% 2px,
-      100% calc(100% - 2px),
-      calc(100% - 2px) calc(100% - 2px),
-      calc(100% - 2px) 100%,
-      calc(100% - 4px) 100%,
-      4px 100%,
-      4px 100%,
-      2px calc(100% - 2px),
-      0 calc(100% - 2px)
-    );
-}
-/* Collapse Content Wrapper */
-.px-collapse-item__wapper[data-v-f3406cbb] {
-  overflow: hidden;
-}
-/* Collapse Content */
-.px-collapse-item__content[data-v-f3406cbb] {
-  will-change: height;
-  background-color: var(--px-collapse-content-bg-color);
-  overflow: hidden;
-  box-sizing: border-box;
-  font-size: var(--px-collapse-content-font-size);
-  font-family: var(--px-font-family);
-  color: var(--px-collapse-content-text-color);
-  padding: 16px 24px;
-  position: relative;
-}
-/* Pixel-style dashed border at top using repeating squares */
-.px-collapse-item__content[data-v-f3406cbb]::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 4px;
-    right: 4px;
-    height: 2px;
-    background-image: repeating-linear-gradient(
-      to right,
-      var(--px-collapse-border-color) 0px,
-      var(--px-collapse-border-color) 6px,
-      transparent 6px,
-      transparent 12px
-    );
-}
-/* Ghost variant — no pixel border/shadow, borderless style */
-.px-collapse.is-ghost[data-v-f3406cbb] {
-  filter: none;
-}
-.px-collapse.is-ghost[data-v-f3406cbb]::before,
-  .px-collapse.is-ghost[data-v-f3406cbb]::after {
-    display: none;
-}
-.px-collapse.is-ghost .px-collapse-item[data-v-f3406cbb] {
-  border-bottom: none;
-}
-.px-collapse.is-ghost .px-collapse-item__header[data-v-f3406cbb]::before {
-    display: none;
-}
-.px-collapse.is-ghost .px-collapse-item__header[data-v-f3406cbb]::after {
-    background: transparent;
-}
-.px-collapse.is-ghost .px-collapse-item__content[data-v-f3406cbb]::before {
-  display: none;
-}
-/* Preset color variants */
-.px-collapse--primary[data-v-f3406cbb] {
-    --px-collapse-border-color: var(--px-color-primary-dark);
-    --px-collapse-shadow-color: var(--px-color-primary-dark);
-    --px-collapse-active-bg-color: var(--px-color-primary-light-9);
-}
-.px-collapse--primary .px-collapse-item__header.is-active[data-v-f3406cbb]::before {
-    background: var(--px-color-primary);
-    border-color: var(--px-color-primary);
-}
-.px-collapse--success[data-v-f3406cbb] {
-    --px-collapse-border-color: var(--px-color-success-dark);
-    --px-collapse-shadow-color: var(--px-color-success-dark);
-    --px-collapse-active-bg-color: var(--px-color-success-light-9);
-}
-.px-collapse--success .px-collapse-item__header.is-active[data-v-f3406cbb]::before {
-    background: var(--px-color-success);
-    border-color: var(--px-color-success);
-}
-.px-collapse--warning[data-v-f3406cbb] {
-    --px-collapse-border-color: var(--px-color-warning-dark);
-    --px-collapse-shadow-color: var(--px-color-warning-dark);
-    --px-collapse-active-bg-color: var(--px-color-warning-light-9);
-}
-.px-collapse--warning .px-collapse-item__header.is-active[data-v-f3406cbb]::before {
-    background: var(--px-color-warning);
-    border-color: var(--px-color-warning);
-}
-.px-collapse--info[data-v-f3406cbb] {
-    --px-collapse-border-color: var(--px-color-info-dark);
-    --px-collapse-shadow-color: var(--px-color-info-dark);
-    --px-collapse-active-bg-color: var(--px-color-info-light-9);
-}
-.px-collapse--info .px-collapse-item__header.is-active[data-v-f3406cbb]::before {
-    background: var(--px-color-info);
-    border-color: var(--px-color-info);
-}
-.px-collapse--danger[data-v-f3406cbb] {
-    --px-collapse-border-color: var(--px-color-danger-dark);
-    --px-collapse-shadow-color: var(--px-color-danger-dark);
-    --px-collapse-active-bg-color: var(--px-color-danger-light-9);
-}
-.px-collapse--danger .px-collapse-item__header.is-active[data-v-f3406cbb]::before {
-    background: var(--px-color-danger);
-    border-color: var(--px-color-danger);
-}
-/* Icon at start position */
-.px-collapse-item__header.is-icon-start .header-angle[data-v-f3406cbb] {
-    order: -1;
-    margin-right: 8px;
-    margin-left: 0;
-}
-/* Animation - instant for pixel feel */
-.slide-enter-active[data-v-f3406cbb],
-.slide-leave-active[data-v-f3406cbb] {
-  transition: none;
-}
+.px-collapse[data-v-7f3e3aa8]{--px-collapse-border-color:var(--px-border-color);--px-collapse-header-height:48px;--px-collapse-header-bg-color:var(--px-fill-color-blank);--px-collapse-header-text-color:var(--px-text-color-primary);--px-collapse-header-font-size:var(--px-font-size-base);--px-collapse-content-bg-color:var(--px-fill-color-blank);--px-collapse-content-font-size:var(--px-font-size-base);--px-collapse-content-text-color:var(--px-text-color-primary);--px-collapse-disabled-text-color:var(--px-disabled-text-color);--px-collapse-disabled-border-color:var(--px-border-color-lighter);--px-collapse-shadow-color:var(--px-shadow-color);--px-collapse-active-bg-color:var(--px-color-primary-light-9);font-family:var(--px-font-family);filter:drop-shadow(var(--px-shadow-offset-x) var(--px-shadow-offset-y) 0px var(--px-collapse-shadow-color));background:0 0;border:none;position:relative}.px-collapse[data-v-7f3e3aa8]:before{content:"";background:var(--px-collapse-border-color);clip-path:polygon(0 4px,2px 4px,2px 2px,4px 2px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px));z-index:0;position:absolute;inset:0}.px-collapse[data-v-7f3e3aa8]:after{content:"";background:var(--px-collapse-header-bg-color);clip-path:polygon(0 4px,2px 4px,2px 2px,4px 2px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px));z-index:0;position:absolute;inset:2px}.px-collapse-item[data-v-7f3e3aa8]{z-index:1;position:relative}.px-collapse-item[data-v-7f3e3aa8]:not(:last-child){border-bottom:2px solid var(--px-collapse-border-color)}.px-collapse-item.is-disabled[data-v-7f3e3aa8]{opacity:.6}.px-collapse-item__header[data-v-7f3e3aa8]{height:var(--px-collapse-header-height);line-height:var(--px-collapse-header-height);color:var(--px-collapse-header-text-color);cursor:pointer;font-size:var(--px-collapse-header-font-size);font-family:var(--px-font-family);background-color:#0000;outline:none;justify-content:space-between;align-items:center;padding:0 16px 0 24px;font-weight:500;transition:none;display:flex;position:relative}.px-collapse-item__header[data-v-7f3e3aa8]:before{content:"";z-index:2;background:0 0;border:2px solid #0000;width:6px;height:6px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.px-collapse-item__header[data-v-7f3e3aa8]:after{content:"";z-index:-1;background:0 0;position:absolute;inset:0}.px-collapse-item__header[data-v-7f3e3aa8]:hover:not(.is-disabled):after{background-color:var(--px-fill-color-light)}.px-collapse-item__header[data-v-7f3e3aa8]:hover:not(.is-disabled):before{border-color:var(--px-hover-border-color)}.px-collapse-item__header.is-disabled[data-v-7f3e3aa8]{color:var(--px-collapse-disabled-text-color);cursor:not-allowed;background-image:none}.px-collapse-item__header.is-active[data-v-7f3e3aa8]:after{background-color:var(--px-collapse-active-bg-color)}.px-collapse-item__header.is-active[data-v-7f3e3aa8]:before{background:var(--px-color-primary);border-color:var(--px-color-primary)}.px-collapse-item__header.is-active .header-angle[data-v-7f3e3aa8]{transform:rotate(90deg)}.px-collapse-item__header .px-collapse-item__title[data-v-7f3e3aa8]{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.px-collapse-item__header .header-angle[data-v-7f3e3aa8]{color:var(--px-text-color-secondary);transition:none}.px-collapse-item__header.is-hidden-arrow[data-v-7f3e3aa8]{padding-right:24px}.px-collapse-item__header.is-active .header-angle.is-toggle-icon[data-v-7f3e3aa8]{transform:none}.px-collapse-item:first-child .px-collapse-item__header[data-v-7f3e3aa8]:after{clip-path:polygon(0 2px,2px 2px,2px 0,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 2px,100% 2px,100% 100%,0 100%);top:2px;left:2px;right:2px}.px-collapse-item:not(:first-child):not(:last-child) .px-collapse-item__header[data-v-7f3e3aa8]:after{left:2px;right:2px}.px-collapse-item:last-child .px-collapse-item__header[data-v-7f3e3aa8]:after{clip-path:polygon(0 0,100% 0,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,calc(100% - 4px) 100%,4px 100%,4px 100%,2px calc(100% - 2px),0 calc(100% - 2px));bottom:2px;left:2px;right:2px}.px-collapse-item:last-child .px-collapse-item__content[data-v-7f3e3aa8]:after{content:"";background:var(--px-collapse-content-bg-color);clip-path:polygon(0 0,100% 0,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,calc(100% - 4px) 100%,4px 100%,4px 100%,2px calc(100% - 2px),0 calc(100% - 2px));z-index:-1;position:absolute;inset:0 2px 2px}.px-collapse-item:first-child:last-child .px-collapse-item__header[data-v-7f3e3aa8]:after{clip-path:polygon(0 2px,2px 2px,2px 0,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,calc(100% - 4px) 100%,4px 100%,4px 100%,2px calc(100% - 2px),0 calc(100% - 2px));inset:2px}.px-collapse-item__wapper[data-v-7f3e3aa8]{overflow:hidden}.px-collapse-item__content[data-v-7f3e3aa8]{will-change:height;background-color:var(--px-collapse-content-bg-color);box-sizing:border-box;font-size:var(--px-collapse-content-font-size);font-family:var(--px-font-family);color:var(--px-collapse-content-text-color);padding:16px 24px;position:relative;overflow:hidden}.px-collapse-item__content[data-v-7f3e3aa8]:before{content:"";background-image:repeating-linear-gradient(to right, var(--px-collapse-border-color) 0px, var(--px-collapse-border-color) 6px, transparent 6px, transparent 12px);height:2px;position:absolute;top:0;left:4px;right:4px}.px-collapse.is-ghost[data-v-7f3e3aa8]{filter:none}.px-collapse.is-ghost[data-v-7f3e3aa8]:before,.px-collapse.is-ghost[data-v-7f3e3aa8]:after{display:none}.px-collapse.is-ghost .px-collapse-item[data-v-7f3e3aa8]{border-bottom:none}.px-collapse.is-ghost .px-collapse-item__header[data-v-7f3e3aa8]:before{display:none}.px-collapse.is-ghost .px-collapse-item__header[data-v-7f3e3aa8]:after{background:0 0}.px-collapse.is-ghost .px-collapse-item__content[data-v-7f3e3aa8]:before{display:none}.px-collapse--primary[data-v-7f3e3aa8]{--px-collapse-border-color:var(--px-color-primary-dark);--px-collapse-shadow-color:var(--px-color-primary-dark);--px-collapse-active-bg-color:var(--px-color-primary-light-9)}.px-collapse--primary .px-collapse-item__header.is-active[data-v-7f3e3aa8]:before{background:var(--px-color-primary);border-color:var(--px-color-primary)}.px-collapse--success[data-v-7f3e3aa8]{--px-collapse-border-color:var(--px-color-success-dark);--px-collapse-shadow-color:var(--px-color-success-dark);--px-collapse-active-bg-color:var(--px-color-success-light-9)}.px-collapse--success .px-collapse-item__header.is-active[data-v-7f3e3aa8]:before{background:var(--px-color-success);border-color:var(--px-color-success)}.px-collapse--warning[data-v-7f3e3aa8]{--px-collapse-border-color:var(--px-color-warning-dark);--px-collapse-shadow-color:var(--px-color-warning-dark);--px-collapse-active-bg-color:var(--px-color-warning-light-9)}.px-collapse--warning .px-collapse-item__header.is-active[data-v-7f3e3aa8]:before{background:var(--px-color-warning);border-color:var(--px-color-warning)}.px-collapse--info[data-v-7f3e3aa8]{--px-collapse-border-color:var(--px-color-info-dark);--px-collapse-shadow-color:var(--px-color-info-dark);--px-collapse-active-bg-color:var(--px-color-info-light-9)}.px-collapse--info .px-collapse-item__header.is-active[data-v-7f3e3aa8]:before{background:var(--px-color-info);border-color:var(--px-color-info)}.px-collapse--danger[data-v-7f3e3aa8]{--px-collapse-border-color:var(--px-color-danger-dark);--px-collapse-shadow-color:var(--px-color-danger-dark);--px-collapse-active-bg-color:var(--px-color-danger-light-9)}.px-collapse--danger .px-collapse-item__header.is-active[data-v-7f3e3aa8]:before{background:var(--px-color-danger);border-color:var(--px-color-danger)}.px-collapse-item__header.is-icon-start .header-angle[data-v-7f3e3aa8]{order:-1;margin-left:0;margin-right:8px}.slide-enter-active[data-v-7f3e3aa8],.slide-leave-active[data-v-7f3e3aa8]{transition:none}.px-collapse[data-v-f3406cbb]{--px-collapse-border-color:var(--px-border-color);--px-collapse-header-height:48px;--px-collapse-header-bg-color:var(--px-fill-color-blank);--px-collapse-header-text-color:var(--px-text-color-primary);--px-collapse-header-font-size:var(--px-font-size-base);--px-collapse-content-bg-color:var(--px-fill-color-blank);--px-collapse-content-font-size:var(--px-font-size-base);--px-collapse-content-text-color:var(--px-text-color-primary);--px-collapse-disabled-text-color:var(--px-disabled-text-color);--px-collapse-disabled-border-color:var(--px-border-color-lighter);--px-collapse-shadow-color:var(--px-shadow-color);--px-collapse-active-bg-color:var(--px-color-primary-light-9);font-family:var(--px-font-family);filter:drop-shadow(var(--px-shadow-offset-x) var(--px-shadow-offset-y) 0px var(--px-collapse-shadow-color));background:0 0;border:none;position:relative}.px-collapse[data-v-f3406cbb]:before{content:"";background:var(--px-collapse-border-color);clip-path:polygon(0 4px,2px 4px,2px 2px,4px 2px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px));z-index:0;position:absolute;inset:0}.px-collapse[data-v-f3406cbb]:after{content:"";background:var(--px-collapse-header-bg-color);clip-path:polygon(0 4px,2px 4px,2px 2px,4px 2px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px));z-index:0;position:absolute;inset:2px}.px-collapse-item[data-v-f3406cbb]{z-index:1;position:relative}.px-collapse-item[data-v-f3406cbb]:not(:last-child){border-bottom:2px solid var(--px-collapse-border-color)}.px-collapse-item.is-disabled[data-v-f3406cbb]{opacity:.6}.px-collapse-item__header[data-v-f3406cbb]{height:var(--px-collapse-header-height);line-height:var(--px-collapse-header-height);color:var(--px-collapse-header-text-color);cursor:pointer;font-size:var(--px-collapse-header-font-size);font-family:var(--px-font-family);background-color:#0000;outline:none;justify-content:space-between;align-items:center;padding:0 16px 0 24px;font-weight:500;transition:none;display:flex;position:relative}.px-collapse-item__header[data-v-f3406cbb]:before{content:"";z-index:2;background:0 0;border:2px solid #0000;width:6px;height:6px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.px-collapse-item__header[data-v-f3406cbb]:after{content:"";z-index:-1;background:0 0;position:absolute;inset:0}.px-collapse-item__header[data-v-f3406cbb]:hover:not(.is-disabled):after{background-color:var(--px-fill-color-light)}.px-collapse-item__header[data-v-f3406cbb]:hover:not(.is-disabled):before{border-color:var(--px-hover-border-color)}.px-collapse-item__header.is-disabled[data-v-f3406cbb]{color:var(--px-collapse-disabled-text-color);cursor:not-allowed;background-image:none}.px-collapse-item__header.is-active[data-v-f3406cbb]:after{background-color:var(--px-collapse-active-bg-color)}.px-collapse-item__header.is-active[data-v-f3406cbb]:before{background:var(--px-color-primary);border-color:var(--px-color-primary)}.px-collapse-item__header.is-active .header-angle[data-v-f3406cbb]{transform:rotate(90deg)}.px-collapse-item__header .px-collapse-item__title[data-v-f3406cbb]{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.px-collapse-item__header .header-angle[data-v-f3406cbb]{color:var(--px-text-color-secondary);transition:none}.px-collapse-item__header.is-hidden-arrow[data-v-f3406cbb]{padding-right:24px}.px-collapse-item__header.is-active .header-angle.is-toggle-icon[data-v-f3406cbb]{transform:none}.px-collapse-item:first-child .px-collapse-item__header[data-v-f3406cbb]:after{clip-path:polygon(0 2px,2px 2px,2px 0,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 2px,100% 2px,100% 100%,0 100%);top:2px;left:2px;right:2px}.px-collapse-item:not(:first-child):not(:last-child) .px-collapse-item__header[data-v-f3406cbb]:after{left:2px;right:2px}.px-collapse-item:last-child .px-collapse-item__header[data-v-f3406cbb]:after{clip-path:polygon(0 0,100% 0,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,calc(100% - 4px) 100%,4px 100%,4px 100%,2px calc(100% - 2px),0 calc(100% - 2px));bottom:2px;left:2px;right:2px}.px-collapse-item:last-child .px-collapse-item__content[data-v-f3406cbb]:after{content:"";background:var(--px-collapse-content-bg-color);clip-path:polygon(0 0,100% 0,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,calc(100% - 4px) 100%,4px 100%,4px 100%,2px calc(100% - 2px),0 calc(100% - 2px));z-index:-1;position:absolute;inset:0 2px 2px}.px-collapse-item:first-child:last-child .px-collapse-item__header[data-v-f3406cbb]:after{clip-path:polygon(0 2px,2px 2px,2px 0,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,calc(100% - 4px) 100%,4px 100%,4px 100%,2px calc(100% - 2px),0 calc(100% - 2px));inset:2px}.px-collapse-item__wapper[data-v-f3406cbb]{overflow:hidden}.px-collapse-item__content[data-v-f3406cbb]{will-change:height;background-color:var(--px-collapse-content-bg-color);box-sizing:border-box;font-size:var(--px-collapse-content-font-size);font-family:var(--px-font-family);color:var(--px-collapse-content-text-color);padding:16px 24px;position:relative;overflow:hidden}.px-collapse-item__content[data-v-f3406cbb]:before{content:"";background-image:repeating-linear-gradient(to right, var(--px-collapse-border-color) 0px, var(--px-collapse-border-color) 6px, transparent 6px, transparent 12px);height:2px;position:absolute;top:0;left:4px;right:4px}.px-collapse.is-ghost[data-v-f3406cbb]{filter:none}.px-collapse.is-ghost[data-v-f3406cbb]:before,.px-collapse.is-ghost[data-v-f3406cbb]:after{display:none}.px-collapse.is-ghost .px-collapse-item[data-v-f3406cbb]{border-bottom:none}.px-collapse.is-ghost .px-collapse-item__header[data-v-f3406cbb]:before{display:none}.px-collapse.is-ghost .px-collapse-item__header[data-v-f3406cbb]:after{background:0 0}.px-collapse.is-ghost .px-collapse-item__content[data-v-f3406cbb]:before{display:none}.px-collapse--primary[data-v-f3406cbb]{--px-collapse-border-color:var(--px-color-primary-dark);--px-collapse-shadow-color:var(--px-color-primary-dark);--px-collapse-active-bg-color:var(--px-color-primary-light-9)}.px-collapse--primary .px-collapse-item__header.is-active[data-v-f3406cbb]:before{background:var(--px-color-primary);border-color:var(--px-color-primary)}.px-collapse--success[data-v-f3406cbb]{--px-collapse-border-color:var(--px-color-success-dark);--px-collapse-shadow-color:var(--px-color-success-dark);--px-collapse-active-bg-color:var(--px-color-success-light-9)}.px-collapse--success .px-collapse-item__header.is-active[data-v-f3406cbb]:before{background:var(--px-color-success);border-color:var(--px-color-success)}.px-collapse--warning[data-v-f3406cbb]{--px-collapse-border-color:var(--px-color-warning-dark);--px-collapse-shadow-color:var(--px-color-warning-dark);--px-collapse-active-bg-color:var(--px-color-warning-light-9)}.px-collapse--warning .px-collapse-item__header.is-active[data-v-f3406cbb]:before{background:var(--px-color-warning);border-color:var(--px-color-warning)}.px-collapse--info[data-v-f3406cbb]{--px-collapse-border-color:var(--px-color-info-dark);--px-collapse-shadow-color:var(--px-color-info-dark);--px-collapse-active-bg-color:var(--px-color-info-light-9)}.px-collapse--info .px-collapse-item__header.is-active[data-v-f3406cbb]:before{background:var(--px-color-info);border-color:var(--px-color-info)}.px-collapse--danger[data-v-f3406cbb]{--px-collapse-border-color:var(--px-color-danger-dark);--px-collapse-shadow-color:var(--px-color-danger-dark);--px-collapse-active-bg-color:var(--px-color-danger-light-9)}.px-collapse--danger .px-collapse-item__header.is-active[data-v-f3406cbb]:before{background:var(--px-color-danger);border-color:var(--px-color-danger)}.px-collapse-item__header.is-icon-start .header-angle[data-v-f3406cbb]{order:-1;margin-left:0;margin-right:8px}.slide-enter-active[data-v-f3406cbb],.slide-leave-active[data-v-f3406cbb]{transition:none}