sakana-element 2.4.2 → 2.5.0

package/dist/theme/Dropdown.css

@@ -1,471 +1 @@
-/* Dropdown Variables */
-.px-dropdown .px-dropdown__menu {
-  --px-dropdown-menuItem-hover-fill: var(--px-color-primary);
-  --px-dropdown-menuItem-hover-color: #fff;
-  --px-dropdown-menuItem-disabled-color: var(--px-text-color-disabled);
-  --px-dropdown-menuItem-divided-color: var(--px-border-color-lighter);
-  --px-dropdown-shadow-color: var(--px-shadow-color-dark);
-  --px-dropdown-border-color: var(--px-border-color);
-  --px-dropdown-bg-color: var(--px-bg-color);
-
-  /* Beveled inset for 3D raised-panel depth */
-  --px-dropdown-inset-highlight: inset 2px 2px 0 0 rgba(255, 255, 255, 0.6);
-  --px-dropdown-inset-shadow: inset -2px -2px 0 0 rgba(0, 0, 0, 0.25);
-}
-/* Base Dropdown Styles - Pixel Game Menu */
-.px-dropdown {
-  display: inline-block;
-  font-family: var(--px-font-family);
-
-  outline: none;
-}
-.px-dropdown .px-tooltip {
-    /* 6px vertical clears staircase corners; 4px horizontal matches border inset */
-    --px-tooltip-padding: 6px 4px;
-    --px-tooltip-border-color: transparent;
-    --px-tooltip-shadow-color: transparent;
-    --px-shadow-offset-x: 0px;
-    --px-shadow-offset-y: 0px;
-}
-.px-dropdown .px-tooltip .px-tooltip__popper {
-      filter: none;
-}
-/* Remove staircase border layer from popup */
-.px-dropdown .px-tooltip .px-tooltip__popper::before {
-      display: none;
-}
-/* Enhanced pixel-art bevel on fill layer */
-.px-dropdown .px-tooltip .px-tooltip__popper::after {
-      box-shadow:
-        inset 2px 2px 0 0 rgba(255, 255, 255, 0.6),
-        inset -2px -2px 0 0 rgba(0, 0, 0, 0.15);
-}
-/* Disabled state */
-.px-dropdown.is-disabled > * {
-    color: var(--px-text-color-placeholder) !important;
-    cursor: not-allowed !important;
-}
-/* Dropdown Menu - Pixel style list */
-.px-dropdown__menu {
-  list-style-type: none;
-  margin: 0;
-  padding: 4px 0;
-  background: var(--px-dropdown-bg-color);
-  position: relative;
-  outline: none;
-}
-/* Pixel-art scrollbar */
-.px-dropdown__menu::-webkit-scrollbar {
-    width: 10px;
-}
-.px-dropdown__menu::-webkit-scrollbar-track {
-    background: var(--px-fill-color-light);
-    border-left: 2px solid var(--px-dropdown-border-color);
-}
-.px-dropdown__menu::-webkit-scrollbar-thumb {
-    background: var(--px-fill-color-darker, var(--px-border-color));
-    border: 2px solid var(--px-dropdown-border-color);
-}
-.px-dropdown__menu::-webkit-scrollbar-thumb:hover {
-    background: var(--px-dropdown-menuItem-hover-fill);
-}
-/* Menu items - Pixel RPG menu style */
-.px-dropdown__menu .px-dropdown__item {
-    display: flex;
-    align-items: center;
-    white-space: nowrap;
-    list-style: none;
-    line-height: 22px;
-    padding: 8px 16px 8px 22px;
-    margin: 0;
-    font-size: var(--px-font-size-base);
-    font-family: var(--px-font-family);
-    color: var(--px-text-color-primary);
-    cursor: pointer;
-    outline: none;
-    position: relative;
-    transition: none;
-    z-index: 1;
-}
-/* Item icon */
-.px-dropdown__menu .px-dropdown__item .px-dropdown__item-icon {
-      margin-right: 8px;
-      font-size: var(--px-font-size-base);
-      width: 16px;
-      flex-shrink: 0;
-      display: flex;
-      align-items: center;
-}
-/* Pixel arrow indicator — right-pointing staircase triangle */
-.px-dropdown__menu .px-dropdown__item::before {
-      content: '';
-      position: absolute;
-      left: 8px;
-      top: 50%;
-      transform: translateY(-50%);
-      width: 6px;
-      height: 8px;
-      background: var(--px-dropdown-menuItem-hover-color);
-      clip-path: polygon(
-        0 0, 2px 0,
-        2px 2px, 4px 2px,
-        4px 4px, 6px 4px,
-        6px 4px, 4px 4px,
-        4px 6px, 2px 6px,
-        2px 8px, 0 8px
-      );
-      opacity: 0;
-      z-index: 2;
-}
-/* Background highlight layer — full width selection bar */
-.px-dropdown__menu .px-dropdown__item::after {
-      content: '';
-      position: absolute;
-      inset: 0;
-      background: transparent;
-      z-index: -1;
-}
-/* Hover & focus effect - Pixel highlight with beveled 3D bar */
-.px-dropdown__menu .px-dropdown__item:hover,
-    .px-dropdown__menu .px-dropdown__item:focus {
-      color: var(--px-dropdown-menuItem-hover-color);
-}
-.px-dropdown__menu .px-dropdown__item:hover::before, .px-dropdown__menu .px-dropdown__item:focus::before {
-        opacity: 1;
-}
-.px-dropdown__menu .px-dropdown__item:hover::after, .px-dropdown__menu .px-dropdown__item:focus::after {
-        background-color: var(--px-dropdown-menuItem-hover-fill);
-        box-shadow: var(--px-dropdown-inset-highlight), var(--px-dropdown-inset-shadow);
-}
-/* Active/pressed - reversed bevel for "pressed in" feel */
-.px-dropdown__menu .px-dropdown__item:active:not(.is-disabled)::after {
-        box-shadow: var(--px-dropdown-inset-shadow), var(--px-dropdown-inset-highlight);
-}
-/* Disabled state */
-.px-dropdown__menu .px-dropdown__item.is-disabled {
-      color: var(--px-dropdown-menuItem-disabled-color);
-      cursor: not-allowed;
-      opacity: 0.55;
-}
-.px-dropdown__menu .px-dropdown__item.is-disabled::before {
-        opacity: 0 !important;
-}
-.px-dropdown__menu .px-dropdown__item.is-disabled:hover,
-      .px-dropdown__menu .px-dropdown__item.is-disabled:focus {
-        color: var(--px-dropdown-menuItem-disabled-color);
-}
-.px-dropdown__menu .px-dropdown__item.is-disabled:hover::after, .px-dropdown__menu .px-dropdown__item.is-disabled:focus::after {
-          background-color: transparent;
-          box-shadow: none;
-}
-/* First item — top staircase corners on highlight layer */
-.px-dropdown__menu .px-dropdown__item:first-child::after {
-      top: 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% 100%,
-        0 100%
-      );
-}
-/* Last item — bottom staircase corners on highlight layer */
-.px-dropdown__menu .px-dropdown__item:last-child::after {
-      bottom: 2px;
-      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)
-      );
-}
-/* Single item — both top and bottom staircase corners */
-.px-dropdown__menu .px-dropdown__item:first-child:last-child::after {
-      top: 2px;
-      bottom: 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)
-      );
-}
-/* Size variants */
-.px-dropdown__menu .px-dropdown__item--large {
-    padding: 10px 20px 10px 26px;
-    line-height: 26px;
-    font-size: var(--px-font-size-large);
-}
-.px-dropdown__menu .px-dropdown__item--large::before {
-      left: 10px;
-      width: 8px;
-      height: 12px;
-      clip-path: polygon(
-        0 0, 2px 0,
-        2px 2px, 4px 2px,
-        4px 4px, 6px 4px,
-        6px 6px, 8px 6px,
-        8px 6px, 6px 6px,
-        6px 8px, 4px 8px,
-        4px 10px, 2px 10px,
-        2px 12px, 0 12px
-      );
-}
-.px-dropdown__menu .px-dropdown__item--small {
-    padding: 5px 12px 5px 18px;
-    line-height: 18px;
-    font-size: var(--px-font-size-small);
-}
-.px-dropdown__menu .px-dropdown__item--small::before {
-      left: 6px;
-      width: 4px;
-      height: 6px;
-}
-/* Divider - Pixel-dashed gradient line */
-.px-dropdown__menu .divided-placeholder {
-    margin: 4px 6px;
-    height: 2px;
-    background-image: repeating-linear-gradient(
-      to right,
-      var(--px-dropdown-menuItem-divided-color) 0px,
-      var(--px-dropdown-menuItem-divided-color) 6px,
-      transparent 6px,
-      transparent 12px
-    );
-}
-/* Dropdown Variables */
-.px-dropdown .px-dropdown__menu {
-  --px-dropdown-menuItem-hover-fill: var(--px-color-primary);
-  --px-dropdown-menuItem-hover-color: #fff;
-  --px-dropdown-menuItem-disabled-color: var(--px-text-color-disabled);
-  --px-dropdown-menuItem-divided-color: var(--px-border-color-lighter);
-  --px-dropdown-shadow-color: var(--px-shadow-color-dark);
-  --px-dropdown-border-color: var(--px-border-color);
-  --px-dropdown-bg-color: var(--px-bg-color);
-
-  /* Beveled inset for 3D raised-panel depth */
-  --px-dropdown-inset-highlight: inset 2px 2px 0 0 rgba(255, 255, 255, 0.6);
-  --px-dropdown-inset-shadow: inset -2px -2px 0 0 rgba(0, 0, 0, 0.25);
-}
-/* Base Dropdown Styles - Pixel Game Menu */
-.px-dropdown {
-  display: inline-block;
-  font-family: var(--px-font-family);
-
-  outline: none;
-}
-.px-dropdown .px-tooltip {
-    /* 6px vertical clears staircase corners; 4px horizontal matches border inset */
-    --px-tooltip-padding: 6px 4px;
-    --px-tooltip-border-color: transparent;
-    --px-tooltip-shadow-color: transparent;
-    --px-shadow-offset-x: 0px;
-    --px-shadow-offset-y: 0px;
-}
-.px-dropdown .px-tooltip .px-tooltip__popper {
-      filter: none;
-}
-/* Remove staircase border layer from popup */
-.px-dropdown .px-tooltip .px-tooltip__popper::before {
-      display: none;
-}
-/* Enhanced pixel-art bevel on fill layer */
-.px-dropdown .px-tooltip .px-tooltip__popper::after {
-      box-shadow:
-        inset 2px 2px 0 0 rgba(255, 255, 255, 0.6),
-        inset -2px -2px 0 0 rgba(0, 0, 0, 0.15);
-}
-/* Disabled state */
-.px-dropdown.is-disabled > * {
-    color: var(--px-text-color-placeholder) !important;
-    cursor: not-allowed !important;
-}
-/* Dropdown Menu - Pixel style list */
-.px-dropdown__menu {
-  list-style-type: none;
-  margin: 0;
-  padding: 4px 0;
-  background: var(--px-dropdown-bg-color);
-  position: relative;
-  outline: none;
-}
-/* Pixel-art scrollbar */
-.px-dropdown__menu::-webkit-scrollbar {
-    width: 10px;
-}
-.px-dropdown__menu::-webkit-scrollbar-track {
-    background: var(--px-fill-color-light);
-    border-left: 2px solid var(--px-dropdown-border-color);
-}
-.px-dropdown__menu::-webkit-scrollbar-thumb {
-    background: var(--px-fill-color-darker, var(--px-border-color));
-    border: 2px solid var(--px-dropdown-border-color);
-}
-.px-dropdown__menu::-webkit-scrollbar-thumb:hover {
-    background: var(--px-dropdown-menuItem-hover-fill);
-}
-/* Menu items - Pixel RPG menu style */
-.px-dropdown__menu .px-dropdown__item {
-    display: flex;
-    align-items: center;
-    white-space: nowrap;
-    list-style: none;
-    line-height: 22px;
-    padding: 8px 16px 8px 22px;
-    margin: 0;
-    font-size: var(--px-font-size-base);
-    font-family: var(--px-font-family);
-    color: var(--px-text-color-primary);
-    cursor: pointer;
-    outline: none;
-    position: relative;
-    transition: none;
-    z-index: 1;
-}
-/* Item icon */
-.px-dropdown__menu .px-dropdown__item .px-dropdown__item-icon {
-      margin-right: 8px;
-      font-size: var(--px-font-size-base);
-      width: 16px;
-      flex-shrink: 0;
-      display: flex;
-      align-items: center;
-}
-/* Pixel arrow indicator — right-pointing staircase triangle */
-.px-dropdown__menu .px-dropdown__item::before {
-      content: '';
-      position: absolute;
-      left: 8px;
-      top: 50%;
-      transform: translateY(-50%);
-      width: 6px;
-      height: 8px;
-      background: var(--px-dropdown-menuItem-hover-color);
-      clip-path: polygon(
-        0 0, 2px 0,
-        2px 2px, 4px 2px,
-        4px 4px, 6px 4px,
-        6px 4px, 4px 4px,
-        4px 6px, 2px 6px,
-        2px 8px, 0 8px
-      );
-      opacity: 0;
-      z-index: 2;
-}
-/* Background highlight layer — full width selection bar */
-.px-dropdown__menu .px-dropdown__item::after {
-      content: '';
-      position: absolute;
-      inset: 0;
-      background: transparent;
-      z-index: -1;
-}
-/* Hover & focus effect - Pixel highlight with beveled 3D bar */
-.px-dropdown__menu .px-dropdown__item:hover,
-    .px-dropdown__menu .px-dropdown__item:focus {
-      color: var(--px-dropdown-menuItem-hover-color);
-}
-.px-dropdown__menu .px-dropdown__item:hover::before, .px-dropdown__menu .px-dropdown__item:focus::before {
-        opacity: 1;
-}
-.px-dropdown__menu .px-dropdown__item:hover::after, .px-dropdown__menu .px-dropdown__item:focus::after {
-        background-color: var(--px-dropdown-menuItem-hover-fill);
-        box-shadow: var(--px-dropdown-inset-highlight), var(--px-dropdown-inset-shadow);
-}
-/* Active/pressed - reversed bevel for "pressed in" feel */
-.px-dropdown__menu .px-dropdown__item:active:not(.is-disabled)::after {
-        box-shadow: var(--px-dropdown-inset-shadow), var(--px-dropdown-inset-highlight);
-}
-/* Disabled state */
-.px-dropdown__menu .px-dropdown__item.is-disabled {
-      color: var(--px-dropdown-menuItem-disabled-color);
-      cursor: not-allowed;
-      opacity: 0.55;
-}
-.px-dropdown__menu .px-dropdown__item.is-disabled::before {
-        opacity: 0 !important;
-}
-.px-dropdown__menu .px-dropdown__item.is-disabled:hover,
-      .px-dropdown__menu .px-dropdown__item.is-disabled:focus {
-        color: var(--px-dropdown-menuItem-disabled-color);
-}
-.px-dropdown__menu .px-dropdown__item.is-disabled:hover::after, .px-dropdown__menu .px-dropdown__item.is-disabled:focus::after {
-          background-color: transparent;
-          box-shadow: none;
-}
-/* First item — top staircase corners on highlight layer */
-.px-dropdown__menu .px-dropdown__item:first-child::after {
-      top: 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% 100%,
-        0 100%
-      );
-}
-/* Last item — bottom staircase corners on highlight layer */
-.px-dropdown__menu .px-dropdown__item:last-child::after {
-      bottom: 2px;
-      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)
-      );
-}
-/* Single item — both top and bottom staircase corners */
-.px-dropdown__menu .px-dropdown__item:first-child:last-child::after {
-      top: 2px;
-      bottom: 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)
-      );
-}
-/* Size variants */
-.px-dropdown__menu .px-dropdown__item--large {
-    padding: 10px 20px 10px 26px;
-    line-height: 26px;
-    font-size: var(--px-font-size-large);
-}
-.px-dropdown__menu .px-dropdown__item--large::before {
-      left: 10px;
-      width: 8px;
-      height: 12px;
-      clip-path: polygon(
-        0 0, 2px 0,
-        2px 2px, 4px 2px,
-        4px 4px, 6px 4px,
-        6px 6px, 8px 6px,
-        8px 6px, 6px 6px,
-        6px 8px, 4px 8px,
-        4px 10px, 2px 10px,
-        2px 12px, 0 12px
-      );
-}
-.px-dropdown__menu .px-dropdown__item--small {
-    padding: 5px 12px 5px 18px;
-    line-height: 18px;
-    font-size: var(--px-font-size-small);
-}
-.px-dropdown__menu .px-dropdown__item--small::before {
-      left: 6px;
-      width: 4px;
-      height: 6px;
-}
-/* Divider - Pixel-dashed gradient line */
-.px-dropdown__menu .divided-placeholder {
-    margin: 4px 6px;
-    height: 2px;
-    background-image: repeating-linear-gradient(
-      to right,
-      var(--px-dropdown-menuItem-divided-color) 0px,
-      var(--px-dropdown-menuItem-divided-color) 6px,
-      transparent 6px,
-      transparent 12px
-    );
-}
-.px-dropdown .px-button-group > :last-child {
-  padding: 5px 7px;
-}
+.px-tooltip[data-v-d982dfd2]{--px-tooltip-bg-color:var(--px-bg-color);--px-tooltip-font-size:var(--px-font-size-base);--px-tooltip-border-color:var(--px-border-color-dark);--px-tooltip-padding:10px 14px;--px-tooltip-shadow-color:var(--px-shadow-color);display:inline-block}.px-tooltip .fade-enter-active[data-v-d982dfd2],.px-tooltip .fade-leave-active[data-v-d982dfd2]{transition:none}.px-tooltip .fade-enter-from[data-v-d982dfd2],.px-tooltip .fade-leave-to[data-v-d982dfd2]{opacity:0}.px-tooltip .px-tooltip__popper[data-v-d982dfd2]{padding:var(--px-tooltip-padding);color:var(--px-text-color-primary);line-height:1.5;font-size:var(--px-tooltip-font-size);font-family:var(--px-font-family);word-break:break-all;box-sizing:border-box;z-index:1000;filter:drop-shadow(var(--px-shadow-offset-x) var(--px-shadow-offset-y) 0px var(--px-tooltip-shadow-color));background:0 0;border:none;position:relative}.px-tooltip .px-tooltip__popper[data-v-d982dfd2]:before{content:"";background:var(--px-tooltip-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:-1;position:absolute;inset:0}.px-tooltip .px-tooltip__popper[data-v-d982dfd2]:after{content:"";background:var(--px-tooltip-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:-1;position:absolute;inset:2px;box-shadow:inset 2px 2px #ffffff59,inset -2px -2px #00000014}.px-tooltip .px-tooltip__popper .px-tooltip__arrow[data-v-d982dfd2]{background:var(--px-tooltip-border-color);z-index:1;position:absolute}.px-tooltip .px-tooltip__popper[data-popper-placement^=top] .px-tooltip__arrow[data-v-d982dfd2]{clip-path:polygon(0 0,10px 0,10px 2px,8px 2px,8px 4px,6px 4px,6px 6px,4px 6px,4px 4px,2px 4px,2px 2px,0 2px);width:10px;height:6px;bottom:-6px}.px-tooltip .px-tooltip__popper[data-popper-placement^=bottom] .px-tooltip__arrow[data-v-d982dfd2]{clip-path:polygon(4px 0,6px 0,6px 2px,8px 2px,8px 4px,10px 4px,10px 6px,0 6px,0 4px,2px 4px,2px 2px,4px 2px);width:10px;height:6px;top:-6px}.px-tooltip .px-tooltip__popper[data-popper-placement^=left] .px-tooltip__arrow[data-v-d982dfd2]{clip-path:polygon(0 0,2px 0,2px 2px,4px 2px,4px 4px,6px 4px,6px 6px,4px 6px,4px 8px,2px 8px,2px 10px,0 10px);width:6px;height:10px;right:-6px}.px-tooltip .px-tooltip__popper[data-popper-placement^=right] .px-tooltip__arrow[data-v-d982dfd2]{clip-path:polygon(6px 0,6px 10px,4px 10px,4px 8px,2px 8px,2px 6px,0 6px,0 4px,2px 4px,2px 2px,4px 2px,4px 0);width:6px;height:10px;left:-6px}.px-tooltip--dark .px-tooltip__popper[data-v-d982dfd2]{--px-tooltip-bg-color:var(--px-text-color-primary);--px-tooltip-border-color:var(--px-text-color-primary);--px-tooltip-shadow-color:#0006;color:var(--px-bg-color)}.px-tooltip--dark .px-tooltip__popper[data-v-d982dfd2]:after{box-shadow:inset 2px 2px #ffffff26,inset -2px -2px #0003}.px-tooltip--light .px-tooltip__popper[data-v-d982dfd2]{--px-tooltip-bg-color:var(--px-bg-color);--px-tooltip-border-color:var(--px-border-color);color:var(--px-text-color-primary)}.px-tooltip--primary .px-tooltip__popper[data-v-d982dfd2]{--px-tooltip-bg-color:var(--px-color-primary);--px-tooltip-border-color:var(--px-color-primary-dark);--px-tooltip-shadow-color:var(--px-color-primary-dark);color:#fff}.px-tooltip--primary.px-tooltip--light .px-tooltip__popper[data-v-d982dfd2]{--px-tooltip-bg-color:var(--px-color-primary-light-9);--px-tooltip-border-color:var(--px-color-primary);color:var(--px-color-primary)}.px-tooltip--success .px-tooltip__popper[data-v-d982dfd2]{--px-tooltip-bg-color:var(--px-color-success);--px-tooltip-border-color:var(--px-color-success-dark);--px-tooltip-shadow-color:var(--px-color-success-dark);color:#fff}.px-tooltip--success.px-tooltip--light .px-tooltip__popper[data-v-d982dfd2]{--px-tooltip-bg-color:var(--px-color-success-light-9);--px-tooltip-border-color:var(--px-color-success);color:var(--px-color-success)}.px-tooltip--info .px-tooltip__popper[data-v-d982dfd2]{--px-tooltip-bg-color:var(--px-color-info);--px-tooltip-border-color:var(--px-color-info-dark);--px-tooltip-shadow-color:var(--px-color-info-dark);color:#fff}.px-tooltip--info.px-tooltip--light .px-tooltip__popper[data-v-d982dfd2]{--px-tooltip-bg-color:var(--px-color-info-light-9);--px-tooltip-border-color:var(--px-color-info);color:var(--px-color-info)}.px-tooltip--warning .px-tooltip__popper[data-v-d982dfd2]{--px-tooltip-bg-color:var(--px-color-warning);--px-tooltip-border-color:var(--px-color-warning-dark);--px-tooltip-shadow-color:var(--px-color-warning-dark);color:#fff}.px-tooltip--warning.px-tooltip--light .px-tooltip__popper[data-v-d982dfd2]{--px-tooltip-bg-color:var(--px-color-warning-light-9);--px-tooltip-border-color:var(--px-color-warning);color:var(--px-color-warning)}.px-tooltip--danger .px-tooltip__popper[data-v-d982dfd2]{--px-tooltip-bg-color:var(--px-color-danger);--px-tooltip-border-color:var(--px-color-danger-dark);--px-tooltip-shadow-color:var(--px-color-danger-dark);color:#fff}.px-tooltip--danger.px-tooltip--light .px-tooltip__popper[data-v-d982dfd2]{--px-tooltip-bg-color:var(--px-color-danger-light-9);--px-tooltip-border-color:var(--px-color-danger);color:var(--px-color-danger)}.px-dropdown .px-dropdown__menu{--px-dropdown-menuItem-hover-fill:var(--px-color-primary);--px-dropdown-menuItem-hover-color:#fff;--px-dropdown-menuItem-disabled-color:var(--px-text-color-disabled);--px-dropdown-menuItem-divided-color:var(--px-border-color-lighter);--px-dropdown-shadow-color:var(--px-shadow-color-dark);--px-dropdown-border-color:var(--px-border-color);--px-dropdown-bg-color:var(--px-bg-color);--px-dropdown-inset-highlight:inset 2px 2px 0 0 #fff9;--px-dropdown-inset-shadow:inset -2px -2px 0 0 #00000040}.px-dropdown{font-family:var(--px-font-family);outline:none;display:inline-block}.px-dropdown .px-tooltip{--px-tooltip-padding:6px 4px;--px-tooltip-border-color:transparent;--px-tooltip-shadow-color:transparent;--px-shadow-offset-x:0px;--px-shadow-offset-y:0px}.px-dropdown .px-tooltip .px-tooltip__popper{filter:none}.px-dropdown .px-tooltip .px-tooltip__popper:before{display:none}.px-dropdown .px-tooltip .px-tooltip__popper:after{box-shadow:inset 2px 2px #fff9,inset -2px -2px #00000026}.px-dropdown.is-disabled>*{color:var(--px-text-color-placeholder)!important;cursor:not-allowed!important}.px-dropdown__menu{background:var(--px-dropdown-bg-color);outline:none;margin:0;padding:4px 0;list-style-type:none;position:relative}.px-dropdown__menu::-webkit-scrollbar{width:10px}.px-dropdown__menu::-webkit-scrollbar-track{background:var(--px-fill-color-light);border-left:2px solid var(--px-dropdown-border-color)}.px-dropdown__menu::-webkit-scrollbar-thumb{background:var(--px-fill-color-darker,var(--px-border-color));border:2px solid var(--px-dropdown-border-color)}.px-dropdown__menu::-webkit-scrollbar-thumb:hover{background:var(--px-dropdown-menuItem-hover-fill)}.px-dropdown__menu .px-dropdown__item{white-space:nowrap;line-height:22px;font-size:var(--px-font-size-base);font-family:var(--px-font-family);color:var(--px-text-color-primary);cursor:pointer;z-index:1;outline:none;align-items:center;margin:0;padding:8px 16px 8px 22px;list-style:none;transition:none;display:flex;position:relative}.px-dropdown__menu .px-dropdown__item .px-dropdown__item-icon{font-size:var(--px-font-size-base);flex-shrink:0;align-items:center;width:16px;margin-right:8px;display:flex}.px-dropdown__menu .px-dropdown__item:before{content:"";background:var(--px-dropdown-menuItem-hover-color);clip-path:polygon(0 0,2px 0,2px 2px,4px 2px,4px 4px,6px 4px,6px 4px,4px 4px,4px 6px,2px 6px,2px 8px,0 8px);opacity:0;z-index:2;width:6px;height:8px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.px-dropdown__menu .px-dropdown__item:after{content:"";z-index:-1;background:0 0;position:absolute;inset:0}.px-dropdown__menu .px-dropdown__item:hover,.px-dropdown__menu .px-dropdown__item:focus{color:var(--px-dropdown-menuItem-hover-color)}.px-dropdown__menu .px-dropdown__item:hover:before,.px-dropdown__menu .px-dropdown__item:focus:before{opacity:1}.px-dropdown__menu .px-dropdown__item:hover:after,.px-dropdown__menu .px-dropdown__item:focus:after{background-color:var(--px-dropdown-menuItem-hover-fill);box-shadow:var(--px-dropdown-inset-highlight), var(--px-dropdown-inset-shadow)}.px-dropdown__menu .px-dropdown__item:active:not(.is-disabled):after{box-shadow:var(--px-dropdown-inset-shadow), var(--px-dropdown-inset-highlight)}.px-dropdown__menu .px-dropdown__item.is-disabled{color:var(--px-dropdown-menuItem-disabled-color);cursor:not-allowed;opacity:.55}.px-dropdown__menu .px-dropdown__item.is-disabled:before{opacity:0!important}.px-dropdown__menu .px-dropdown__item.is-disabled:hover,.px-dropdown__menu .px-dropdown__item.is-disabled:focus{color:var(--px-dropdown-menuItem-disabled-color)}.px-dropdown__menu .px-dropdown__item.is-disabled:hover:after,.px-dropdown__menu .px-dropdown__item.is-disabled:focus:after{box-shadow:none;background-color:#0000}.px-dropdown__menu .px-dropdown__item:first-child: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% 100%,0 100%);top:2px}.px-dropdown__menu .px-dropdown__item:last-child: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}.px-dropdown__menu .px-dropdown__item:first-child:last-child: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));top:2px;bottom:2px}.px-dropdown__menu .px-dropdown__item--large{line-height:26px;font-size:var(--px-font-size-large);padding:10px 20px 10px 26px}.px-dropdown__menu .px-dropdown__item--large:before{clip-path:polygon(0 0,2px 0,2px 2px,4px 2px,4px 4px,6px 4px,6px 6px,8px 6px,8px 6px,6px 6px,6px 8px,4px 8px,4px 10px,2px 10px,2px 12px,0 12px);width:8px;height:12px;left:10px}.px-dropdown__menu .px-dropdown__item--small{line-height:18px;font-size:var(--px-font-size-small);padding:5px 12px 5px 18px}.px-dropdown__menu .px-dropdown__item--small:before{width:4px;height:6px;left:6px}.px-dropdown__menu .divided-placeholder{background-image:repeating-linear-gradient(to right, var(--px-dropdown-menuItem-divided-color) 0px, var(--px-dropdown-menuItem-divided-color) 6px, transparent 6px, transparent 12px);height:2px;margin:4px 6px}.px-dropdown .px-button-group>:last-child{padding:5px 7px}