sakana-element 2.4.2 → 2.5.0

package/dist/theme/Kbd.css

@@ -1,104 +1 @@
-/* Kbd Variables */
-.px-kbd[data-v-fa07bd0e] {
-  --px-kbd-text-color: var(--px-text-color-primary);
-  --px-kbd-bg-color: var(--px-fill-color-blank);
-  --px-kbd-border-color: var(--px-border-color);
-  --px-kbd-shadow-color: var(--px-shadow-color);
-  --px-kbd-font-size: var(--px-font-size-extra-small);
-  --px-kbd-height: 24px;
-  --px-kbd-padding: 0 6px;
-  --px-kbd-inset-shadow: inset 2px 2px 0 0 rgba(0, 0, 0, 0.08);
-  --px-kbd-inset-highlight: inset -2px -2px 0 0 rgba(255, 255, 255, 0.15);
-}
-/* Base Kbd Styles - Pixel Keycap Aesthetic */
-.px-kbd[data-v-fa07bd0e] {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  font-family: var(--px-font-family);
-  vertical-align: middle;
-}
-/* Individual key element */
-.px-kbd__key[data-v-fa07bd0e] {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  height: var(--px-kbd-height);
-  min-width: var(--px-kbd-height);
-  padding: var(--px-kbd-padding);
-  font-size: var(--px-kbd-font-size);
-  font-family: var(--px-font-family);
-  font-weight: 500;
-  color: var(--px-kbd-text-color);
-  line-height: 1;
-  white-space: nowrap;
-  box-sizing: border-box;
-  position: relative;
-  background: transparent;
-
-  border: none;
-
-  /* Pixel shadow via drop-shadow */
-  filter: drop-shadow(2px 2px 0px var(--px-kbd-shadow-color));
-
-  transition: none;
-}
-/* Border layer — pixel shape with 2px staircase corners */
-.px-kbd__key[data-v-fa07bd0e]::before {
-    content: '';
-    position: absolute;
-    inset: 0;
-    background: var(--px-kbd-border-color);
-    clip-path: polygon(
-      0 2px, 2px 2px, 2px 0,
-      calc(100% - 2px) 0, calc(100% - 2px) 2px, 100% 2px,
-      100% calc(100% - 2px), calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) 100%,
-      2px 100%, 2px calc(100% - 2px), 0 calc(100% - 2px)
-    );
-    z-index: -1;
-}
-/* Fill layer — sunken keycap bevel */
-.px-kbd__key[data-v-fa07bd0e]::after {
-    content: '';
-    position: absolute;
-    inset: 2px;
-    background: var(--px-kbd-bg-color);
-    clip-path: polygon(
-      0 2px, 2px 2px, 2px 0,
-      calc(100% - 2px) 0, calc(100% - 2px) 2px, 100% 2px,
-      100% calc(100% - 2px), calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) 100%,
-      2px 100%, 2px calc(100% - 2px), 0 calc(100% - 2px)
-    );
-    box-shadow: var(--px-kbd-inset-shadow), var(--px-kbd-inset-highlight);
-    z-index: -1;
-}
-/* Abbr element — remove default underline */
-.px-kbd__abbr[data-v-fa07bd0e] {
-  text-decoration: none;
-  position: relative;
-  z-index: 1;
-}
-/* Icon inside key */
-.px-kbd__key .px-icon[data-v-fa07bd0e] {
-  position: relative;
-  z-index: 1;
-}
-/* Size variants */
-.px-kbd--large[data-v-fa07bd0e] {
-  --px-kbd-height: 30px;
-  --px-kbd-padding: 0 10px;
-  --px-kbd-font-size: var(--px-font-size-base);
-}
-.px-kbd--small[data-v-fa07bd0e] {
-  --px-kbd-height: 20px;
-  --px-kbd-padding: 0 4px;
-  --px-kbd-font-size: 10px;
-}
-.px-kbd--small .px-kbd__key[data-v-fa07bd0e] {
-    filter: drop-shadow(1px 1px 0px var(--px-kbd-shadow-color));
-}
-/* Dark mode */
-html.dark .px-kbd[data-v-fa07bd0e] {
-  --px-kbd-inset-shadow: inset 2px 2px 0 0 rgba(0, 0, 0, 0.2);
-  --px-kbd-inset-highlight: inset -2px -2px 0 0 rgba(255, 255, 255, 0.08);
-}
+.px-kbd[data-v-fa07bd0e]{--px-kbd-text-color:var(--px-text-color-primary);--px-kbd-bg-color:var(--px-fill-color-blank);--px-kbd-border-color:var(--px-border-color);--px-kbd-shadow-color:var(--px-shadow-color);--px-kbd-font-size:var(--px-font-size-extra-small);--px-kbd-height:24px;--px-kbd-padding:0 6px;--px-kbd-inset-shadow:inset 2px 2px 0 0 #00000014;--px-kbd-inset-highlight:inset -2px -2px 0 0 #ffffff26;font-family:var(--px-font-family);vertical-align:middle;align-items:center;gap:4px;display:inline-flex}.px-kbd__key[data-v-fa07bd0e]{height:var(--px-kbd-height);min-width:var(--px-kbd-height);padding:var(--px-kbd-padding);font-size:var(--px-kbd-font-size);font-family:var(--px-font-family);color:var(--px-kbd-text-color);white-space:nowrap;box-sizing:border-box;filter:drop-shadow(2px 2px 0px var(--px-kbd-shadow-color));background:0 0;border:none;justify-content:center;align-items:center;font-weight:500;line-height:1;transition:none;display:inline-flex;position:relative}.px-kbd__key[data-v-fa07bd0e]:before{content:"";background:var(--px-kbd-border-color);clip-path:polygon(0 2px,2px 2px,2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px));z-index:-1;position:absolute;inset:0}.px-kbd__key[data-v-fa07bd0e]:after{content:"";background:var(--px-kbd-bg-color);clip-path:polygon(0 2px,2px 2px,2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px));box-shadow:var(--px-kbd-inset-shadow), var(--px-kbd-inset-highlight);z-index:-1;position:absolute;inset:2px}.px-kbd__abbr[data-v-fa07bd0e]{z-index:1;text-decoration:none;position:relative}.px-kbd__key .px-icon[data-v-fa07bd0e]{z-index:1;position:relative}.px-kbd--large[data-v-fa07bd0e]{--px-kbd-height:30px;--px-kbd-padding:0 10px;--px-kbd-font-size:var(--px-font-size-base)}.px-kbd--small[data-v-fa07bd0e]{--px-kbd-height:20px;--px-kbd-padding:0 4px;--px-kbd-font-size:10px}.px-kbd--small .px-kbd__key[data-v-fa07bd0e]{filter:drop-shadow(1px 1px 0px var(--px-kbd-shadow-color))}html.dark .px-kbd[data-v-fa07bd0e]{--px-kbd-inset-shadow:inset 2px 2px 0 0 #0003;--px-kbd-inset-highlight:inset -2px -2px 0 0 #ffffff14}

package/dist/theme/Link.css

@@ -1,69 +1 @@
-/* Link Variables */
-.px-link[data-v-d754ba7d] {
-  --px-link-text-color: var(--px-text-color-regular);
-  --px-link-hover-color: var(--px-text-color-primary);
-}
-/* Base Link Styles */
-.px-link[data-v-d754ba7d] {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  font-family: var(--px-font-family);
-  font-size: var(--px-font-size-base);
-  color: var(--px-link-text-color);
-  cursor: pointer;
-  text-decoration: none;
-  transition: none;
-}
-.px-link.is-underline[data-v-d754ba7d] {
-    text-decoration: none;
-    background-image: repeating-linear-gradient(
-      to right,
-      var(--px-link-text-color) 0px,
-      var(--px-link-text-color) 4px,
-      transparent 4px,
-      transparent 8px
-    );
-    background-repeat: no-repeat;
-    background-position: bottom 0 left 0;
-    background-size: 100% 2px;
-    padding-bottom: 2px;
-}
-.px-link[data-v-d754ba7d]:hover {
-    color: var(--px-link-hover-color);
-    transform: translate(-1px, -1px);
-}
-.px-link[data-v-d754ba7d]:focus-visible {
-    outline: 2px dashed var(--px-color-primary);
-    outline-offset: 2px;
-}
-.px-link[data-v-d754ba7d]:active {
-    transform: translate(1px, 1px);
-}
-.px-link.is-disabled[data-v-d754ba7d] {
-    opacity: 0.5;
-    cursor: not-allowed;
-    pointer-events: none;
-    outline: none;
-}
-/* Type variants */
-.px-link--primary[data-v-d754ba7d] {
-    --px-link-text-color: var(--px-color-primary);
-    --px-link-hover-color: var(--px-color-primary-dark);
-}
-.px-link--success[data-v-d754ba7d] {
-    --px-link-text-color: var(--px-color-success);
-    --px-link-hover-color: var(--px-color-success-dark);
-}
-.px-link--info[data-v-d754ba7d] {
-    --px-link-text-color: var(--px-color-info);
-    --px-link-hover-color: var(--px-color-info-dark);
-}
-.px-link--warning[data-v-d754ba7d] {
-    --px-link-text-color: var(--px-color-warning);
-    --px-link-hover-color: var(--px-color-warning-dark);
-}
-.px-link--danger[data-v-d754ba7d] {
-    --px-link-text-color: var(--px-color-danger);
-    --px-link-hover-color: var(--px-color-danger-dark);
-}
+.px-link[data-v-d754ba7d]{--px-link-text-color:var(--px-text-color-regular);--px-link-hover-color:var(--px-text-color-primary);font-family:var(--px-font-family);font-size:var(--px-font-size-base);color:var(--px-link-text-color);cursor:pointer;align-items:center;gap:4px;text-decoration:none;transition:none;display:inline-flex}.px-link.is-underline[data-v-d754ba7d]{background-image:repeating-linear-gradient(to right, var(--px-link-text-color) 0px, var(--px-link-text-color) 4px, transparent 4px, transparent 8px);background-position:left 0 bottom 0;background-repeat:no-repeat;background-size:100% 2px;padding-bottom:2px;text-decoration:none}.px-link[data-v-d754ba7d]:hover{color:var(--px-link-hover-color);transform:translate(-1px,-1px)}.px-link[data-v-d754ba7d]:focus-visible{outline:2px dashed var(--px-color-primary);outline-offset:2px}.px-link[data-v-d754ba7d]:active{transform:translate(1px,1px)}.px-link.is-disabled[data-v-d754ba7d]{opacity:.5;cursor:not-allowed;pointer-events:none;outline:none}.px-link--primary[data-v-d754ba7d]{--px-link-text-color:var(--px-color-primary);--px-link-hover-color:var(--px-color-primary-dark)}.px-link--success[data-v-d754ba7d]{--px-link-text-color:var(--px-color-success);--px-link-hover-color:var(--px-color-success-dark)}.px-link--info[data-v-d754ba7d]{--px-link-text-color:var(--px-color-info);--px-link-hover-color:var(--px-color-info-dark)}.px-link--warning[data-v-d754ba7d]{--px-link-text-color:var(--px-color-warning);--px-link-hover-color:var(--px-color-warning-dark)}.px-link--danger[data-v-d754ba7d]{--px-link-text-color:var(--px-color-danger);--px-link-hover-color:var(--px-color-danger-dark)}

package/dist/theme/Loading.css

@@ -1,266 +1 @@
-/* LoadingIndicator Variables */
-.px-loading-indicator[data-v-1435ecee] {
-  --px-loading-indicator-color: var(--px-color-primary);
-  --px-loading-indicator-size: 24px;
-}
-/* Base */
-.px-loading-indicator[data-v-1435ecee] {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  width: var(--px-loading-indicator-size);
-  height: var(--px-loading-indicator-size);
-  color: var(--px-loading-indicator-color);
-  font-family: var(--px-font-family);
-  vertical-align: middle;
-}
-/* Size variants */
-.px-loading-indicator--xs[data-v-1435ecee] {
-  --px-loading-indicator-size: 16px;
-}
-.px-loading-indicator--sm[data-v-1435ecee] {
-  --px-loading-indicator-size: 20px;
-}
-.px-loading-indicator--md[data-v-1435ecee] {
-  --px-loading-indicator-size: 24px;
-}
-.px-loading-indicator--lg[data-v-1435ecee] {
-  --px-loading-indicator-size: 32px;
-}
-/* Type variants */
-.px-loading-indicator--primary[data-v-1435ecee] {
-    --px-loading-indicator-color: var(--px-color-primary);
-}
-.px-loading-indicator--success[data-v-1435ecee] {
-    --px-loading-indicator-color: var(--px-color-success);
-}
-.px-loading-indicator--info[data-v-1435ecee] {
-    --px-loading-indicator-color: var(--px-color-info);
-}
-.px-loading-indicator--warning[data-v-1435ecee] {
-    --px-loading-indicator-color: var(--px-color-warning);
-}
-.px-loading-indicator--danger[data-v-1435ecee] {
-    --px-loading-indicator-color: var(--px-color-danger);
-}
-/* ─── Pixel-art ring mask (24×24 Bresenham circle with 2×2 blocks) ─── */
-.px-loading-indicator--spinner .px-loading-indicator__inner[data-v-1435ecee],
-.px-loading-indicator--ring .px-loading-indicator__inner[data-v-1435ecee] {
-  --px-ring-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='8' y='2' width='8' height='2' fill='white'/%3E%3Crect x='16' y='4' width='2' height='2' fill='white'/%3E%3Crect x='18' y='6' width='2' height='2' fill='white'/%3E%3Crect x='20' y='8' width='2' height='8' fill='white'/%3E%3Crect x='18' y='16' width='2' height='2' fill='white'/%3E%3Crect x='16' y='18' width='2' height='2' fill='white'/%3E%3Crect x='8' y='20' width='8' height='2' fill='white'/%3E%3Crect x='6' y='18' width='2' height='2' fill='white'/%3E%3Crect x='4' y='16' width='2' height='2' fill='white'/%3E%3Crect x='2' y='8' width='2' height='8' fill='white'/%3E%3Crect x='4' y='6' width='2' height='2' fill='white'/%3E%3Crect x='6' y='4' width='2' height='2' fill='white'/%3E%3C/svg%3E");
-}
-/* ─── Spinner variant ─── */
-.px-loading-indicator--spinner .px-loading-indicator__inner[data-v-1435ecee] {
-  display: block;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  background: conic-gradient(
-    var(--px-loading-indicator-color) 0deg 180deg,
-    transparent 180deg 360deg
-  );
-  -webkit-mask-image: var(--px-ring-mask);
-  -webkit-mask-size: contain;
-  -webkit-mask-repeat: no-repeat;
-  mask-image: var(--px-ring-mask);
-  mask-size: contain;
-  mask-repeat: no-repeat;
-  animation: px-indicator-spin-1435ecee 0.8s steps(8) infinite;
-}
-@keyframes px-indicator-spin-1435ecee {
-0% { transform: rotate(0deg);
-}
-100% { transform: rotate(360deg);
-}
-}
-/* ─── Dots variant ─── */
-.px-loading-indicator--dots[data-v-1435ecee] {
-  gap: 3px;
-}
-.px-loading-indicator--dots .px-loading-indicator__inner[data-v-1435ecee] {
-  display: flex;
-  align-items: center;
-  gap: 3px;
-  width: 100%;
-  height: 100%;
-  justify-content: center;
-}
-.px-loading-indicator--dots .px-loading-indicator__inner[data-v-1435ecee]::before,
-.px-loading-indicator--dots .px-loading-indicator__inner[data-v-1435ecee]::after {
-  content: '';
-  display: block;
-  width: calc(var(--px-loading-indicator-size) * 0.2);
-  height: calc(var(--px-loading-indicator-size) * 0.2);
-  background: var(--px-loading-indicator-color);
-}
-.px-loading-indicator--dots .px-loading-indicator__inner[data-v-1435ecee]::before {
-  animation: px-indicator-dot-1435ecee 0.9s steps(3) infinite;
-}
-.px-loading-indicator--dots .px-loading-indicator__inner[data-v-1435ecee] {
-  background: var(--px-loading-indicator-color);
-  width: calc(var(--px-loading-indicator-size) * 0.2);
-  height: calc(var(--px-loading-indicator-size) * 0.2);
-  animation: px-indicator-dot-1435ecee 0.9s steps(3) 0.15s infinite;
-}
-.px-loading-indicator--dots .px-loading-indicator__inner[data-v-1435ecee]::after {
-  animation: px-indicator-dot-1435ecee 0.9s steps(3) 0.3s infinite;
-}
-@keyframes px-indicator-dot-1435ecee {
-0%, 100% { opacity: 0.2;
-}
-50% { opacity: 1;
-}
-}
-/* ─── Bars variant ─── */
-.px-loading-indicator--bars .px-loading-indicator__inner[data-v-1435ecee] {
-  display: flex;
-  align-items: flex-end;
-  gap: 2px;
-  width: 100%;
-  height: 100%;
-  justify-content: center;
-}
-.px-loading-indicator--bars .px-loading-indicator__inner[data-v-1435ecee]::before,
-.px-loading-indicator--bars .px-loading-indicator__inner[data-v-1435ecee]::after {
-  content: '';
-  display: block;
-  width: calc(var(--px-loading-indicator-size) * 0.18);
-  background: var(--px-loading-indicator-color);
-}
-.px-loading-indicator--bars .px-loading-indicator__inner[data-v-1435ecee]::before {
-  height: 40%;
-  animation: px-indicator-bar-1435ecee 0.8s steps(4) infinite;
-}
-.px-loading-indicator--bars .px-loading-indicator__inner[data-v-1435ecee] {
-  background: var(--px-loading-indicator-color);
-  width: calc(var(--px-loading-indicator-size) * 0.18);
-  animation: px-indicator-bar-1435ecee 0.8s steps(4) 0.15s infinite;
-}
-.px-loading-indicator--bars .px-loading-indicator__inner[data-v-1435ecee]::after {
-  height: 60%;
-  animation: px-indicator-bar-1435ecee 0.8s steps(4) 0.3s infinite;
-}
-@keyframes px-indicator-bar-1435ecee {
-0%, 100% { height: 30%;
-}
-50% { height: 100%;
-}
-}
-/* ─── Ring variant ─── */
-.px-loading-indicator--ring .px-loading-indicator__inner[data-v-1435ecee] {
-  display: block;
-  width: 80%;
-  height: 80%;
-  box-sizing: border-box;
-  background: conic-gradient(
-    var(--px-loading-indicator-color) 0deg 120deg,
-    transparent 120deg 360deg
-  );
-  -webkit-mask-image: var(--px-ring-mask);
-  -webkit-mask-size: contain;
-  -webkit-mask-repeat: no-repeat;
-  mask-image: var(--px-ring-mask);
-  mask-size: contain;
-  mask-repeat: no-repeat;
-  animation: px-indicator-spin-1435ecee 1s steps(8) infinite;
-}
-/* Loading Variables */
-.px-loading {
-  --px-loading-icon-color: var(--px-color-primary);
-  --px-loading-mask-margin: 0;
-  --px-loading-mask-size: 100%;
-  --px-loading-icon-size: 32px;
-  --px-loading-font-size: var(--px-font-size-base);
-  --px-loading-z-index: 20000;
-  --px-loading-bg-color: rgba(255, 255, 255, 0.8);
-  --px-loading-dot-color: rgba(0, 0, 0, 0.02);
-}
-/* Base Loading Styles - Pixel Game Loading */
-.px-loading {
-  opacity: 1;
-  transition: none;
-  font-family: var(--px-font-family);
-}
-.px-loading.px-loading__mask {
-    position: absolute;
-    margin: var(--px-loading-mask-margin);
-    top: var(--px-loading-mask-margin);
-    right: var(--px-loading-mask-margin);
-    bottom: var(--px-loading-mask-margin);
-    left: var(--px-loading-mask-margin);
-    height: var(--px-loading-mask-size);
-    width: var(--px-loading-mask-size);
-    z-index: var(--px-loading-z-index);
-    background:
-      repeating-linear-gradient(
-        to right,
-        var(--px-loading-dot-color) 0px,
-        var(--px-loading-dot-color) 2px,
-        transparent 2px,
-        transparent 4px
-      ),
-      var(--px-loading-bg-color);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-.px-loading.px-loading__mask.is-fullscreen {
-      position: fixed;
-}
-.px-loading .px-loading__spinner {
-    color: var(--px-loading-icon-color);
-    text-align: center;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 8px;
-}
-.px-loading .px-loading__spinner .px-loading-text {
-      margin: 0;
-      font-size: var(--px-loading-font-size);
-      font-family: var(--px-font-family);
-      color: var(--px-text-color-primary);
-      letter-spacing: 1px;
-      animation: px-loading-text-pulse 1.5s steps(2) infinite;
-}
-.px-loading .px-loading__spinner i {
-      font-size: var(--px-loading-icon-size);
-      /* Pixel-style animation - stepping */
-      animation: px-loading-spin 1s steps(8) infinite;
-}
-/* Pixel-style spinning animation */
-@keyframes px-loading-spin {
-0% {
-    transform: rotate(0deg);
-}
-100% {
-    transform: rotate(360deg);
-}
-}
-/* Pixel-style text pulse */
-@keyframes px-loading-text-pulse {
-0% {
-    opacity: 1;
-}
-50% {
-    opacity: 0.4;
-}
-100% {
-    opacity: 1;
-}
-}
-/* Parent element states */
-.px-loading-parent--relative {
-  position: relative !important;
-}
-.px-loading-parent--hiden {
-  overflow: hidden !important;
-}
-/* Dark mode loading */
-.px-dark .px-loading {
-  --px-loading-bg-color: rgba(30, 30, 46, 0.85);
-  --px-loading-dot-color: rgba(255, 255, 255, 0.02);
-}
-.px-loading {
-  --px-loading-bg-color: var(--d4003bba) !important;
-  --px-loading-z-index: var(--b5c47826) !important;
-}
+.px-loading-indicator[data-v-1435ecee]{--px-loading-indicator-color:var(--px-color-primary);--px-loading-indicator-size:24px;width:var(--px-loading-indicator-size);height:var(--px-loading-indicator-size);color:var(--px-loading-indicator-color);font-family:var(--px-font-family);vertical-align:middle;justify-content:center;align-items:center;display:inline-flex}.px-loading-indicator--xs[data-v-1435ecee]{--px-loading-indicator-size:16px}.px-loading-indicator--sm[data-v-1435ecee]{--px-loading-indicator-size:20px}.px-loading-indicator--md[data-v-1435ecee]{--px-loading-indicator-size:24px}.px-loading-indicator--lg[data-v-1435ecee]{--px-loading-indicator-size:32px}.px-loading-indicator--primary[data-v-1435ecee]{--px-loading-indicator-color:var(--px-color-primary)}.px-loading-indicator--success[data-v-1435ecee]{--px-loading-indicator-color:var(--px-color-success)}.px-loading-indicator--info[data-v-1435ecee]{--px-loading-indicator-color:var(--px-color-info)}.px-loading-indicator--warning[data-v-1435ecee]{--px-loading-indicator-color:var(--px-color-warning)}.px-loading-indicator--danger[data-v-1435ecee]{--px-loading-indicator-color:var(--px-color-danger)}.px-loading-indicator--spinner .px-loading-indicator__inner[data-v-1435ecee],.px-loading-indicator--ring .px-loading-indicator__inner[data-v-1435ecee]{--px-ring-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='8' y='2' width='8' height='2' fill='white'/%3E%3Crect x='16' y='4' width='2' height='2' fill='white'/%3E%3Crect x='18' y='6' width='2' height='2' fill='white'/%3E%3Crect x='20' y='8' width='2' height='8' fill='white'/%3E%3Crect x='18' y='16' width='2' height='2' fill='white'/%3E%3Crect x='16' y='18' width='2' height='2' fill='white'/%3E%3Crect x='8' y='20' width='8' height='2' fill='white'/%3E%3Crect x='6' y='18' width='2' height='2' fill='white'/%3E%3Crect x='4' y='16' width='2' height='2' fill='white'/%3E%3Crect x='2' y='8' width='2' height='8' fill='white'/%3E%3Crect x='4' y='6' width='2' height='2' fill='white'/%3E%3Crect x='6' y='4' width='2' height='2' fill='white'/%3E%3C/svg%3E")}.px-loading-indicator--spinner .px-loading-indicator__inner[data-v-1435ecee]{box-sizing:border-box;background:conic-gradient(var(--px-loading-indicator-color) 0deg 180deg, transparent 180deg 360deg);width:100%;height:100%;-webkit-mask-image:var(--px-ring-mask);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:var(--px-ring-mask);mask-image:var(--px-ring-mask);animation:.8s steps(8,end) infinite px-indicator-spin-1435ecee;display:block;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes px-indicator-spin-1435ecee{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.px-loading-indicator--dots[data-v-1435ecee]{gap:3px}.px-loading-indicator--dots .px-loading-indicator__inner[data-v-1435ecee]{justify-content:center;align-items:center;gap:3px;width:100%;height:100%;display:flex}.px-loading-indicator--dots .px-loading-indicator__inner[data-v-1435ecee]:before,.px-loading-indicator--dots .px-loading-indicator__inner[data-v-1435ecee]:after{content:"";width:calc(var(--px-loading-indicator-size) * .2);height:calc(var(--px-loading-indicator-size) * .2);background:var(--px-loading-indicator-color);display:block}.px-loading-indicator--dots .px-loading-indicator__inner[data-v-1435ecee]:before{animation:.9s steps(3,end) infinite px-indicator-dot-1435ecee}.px-loading-indicator--dots .px-loading-indicator__inner[data-v-1435ecee]{background:var(--px-loading-indicator-color);width:calc(var(--px-loading-indicator-size) * .2);height:calc(var(--px-loading-indicator-size) * .2);animation:.9s steps(3,end) .15s infinite px-indicator-dot-1435ecee}.px-loading-indicator--dots .px-loading-indicator__inner[data-v-1435ecee]:after{animation:.9s steps(3,end) .3s infinite px-indicator-dot-1435ecee}@keyframes px-indicator-dot-1435ecee{0%,to{opacity:.2}50%{opacity:1}}.px-loading-indicator--bars .px-loading-indicator__inner[data-v-1435ecee]{justify-content:center;align-items:flex-end;gap:2px;width:100%;height:100%;display:flex}.px-loading-indicator--bars .px-loading-indicator__inner[data-v-1435ecee]:before,.px-loading-indicator--bars .px-loading-indicator__inner[data-v-1435ecee]:after{content:"";width:calc(var(--px-loading-indicator-size) * .18);background:var(--px-loading-indicator-color);display:block}.px-loading-indicator--bars .px-loading-indicator__inner[data-v-1435ecee]:before{height:40%;animation:.8s steps(4,end) infinite px-indicator-bar-1435ecee}.px-loading-indicator--bars .px-loading-indicator__inner[data-v-1435ecee]{background:var(--px-loading-indicator-color);width:calc(var(--px-loading-indicator-size) * .18);animation:.8s steps(4,end) .15s infinite px-indicator-bar-1435ecee}.px-loading-indicator--bars .px-loading-indicator__inner[data-v-1435ecee]:after{height:60%;animation:.8s steps(4,end) .3s infinite px-indicator-bar-1435ecee}@keyframes px-indicator-bar-1435ecee{0%,to{height:30%}50%{height:100%}}.px-loading-indicator--ring .px-loading-indicator__inner[data-v-1435ecee]{box-sizing:border-box;background:conic-gradient(var(--px-loading-indicator-color) 0deg 120deg, transparent 120deg 360deg);width:80%;height:80%;-webkit-mask-image:var(--px-ring-mask);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:var(--px-ring-mask);mask-image:var(--px-ring-mask);animation:1s steps(8,end) infinite px-indicator-spin-1435ecee;display:block;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.px-loading{--px-loading-icon-color:var(--px-color-primary);--px-loading-mask-margin:0;--px-loading-mask-size:100%;--px-loading-icon-size:32px;--px-loading-font-size:var(--px-font-size-base);--px-loading-z-index:20000;--px-loading-bg-color:#fffc;--px-loading-dot-color:#00000005;opacity:1;font-family:var(--px-font-family);transition:none}.px-loading.px-loading__mask{margin:var(--px-loading-mask-margin);top:var(--px-loading-mask-margin);right:var(--px-loading-mask-margin);bottom:var(--px-loading-mask-margin);left:var(--px-loading-mask-margin);height:var(--px-loading-mask-size);width:var(--px-loading-mask-size);z-index:var(--px-loading-z-index);background:repeating-linear-gradient(to right, var(--px-loading-dot-color) 0px, var(--px-loading-dot-color) 2px, transparent 2px, transparent 4px), var(--px-loading-bg-color);justify-content:center;align-items:center;display:flex;position:absolute}.px-loading.px-loading__mask.is-fullscreen{position:fixed}.px-loading .px-loading__spinner{color:var(--px-loading-icon-color);text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.px-loading .px-loading__spinner .px-loading-text{font-size:var(--px-loading-font-size);font-family:var(--px-font-family);color:var(--px-text-color-primary);letter-spacing:1px;margin:0;animation:1.5s steps(2,end) infinite px-loading-text-pulse}.px-loading .px-loading__spinner i{font-size:var(--px-loading-icon-size);animation:1s steps(8,end) infinite px-loading-spin}@keyframes px-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes px-loading-text-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.px-loading-parent--relative{position:relative!important}.px-loading-parent--hiden{overflow:hidden!important}.px-dark .px-loading{--px-loading-bg-color:#1e1e2ed9;--px-loading-dot-color:#ffffff05}.px-loading{--px-loading-bg-color:var(--d4003bba)!important;--px-loading-z-index:var(--b5c47826)!important}