@xplortech/apollo-core 0.0.4 → 0.0.6

package/build/style.css

@@ -773,16 +773,32 @@ button.xpl-button {
   background-color: var(--xpl-secondary);
   border-radius: var(--xpl-button-radius);
   height: 44px;
-  padding: 11px 20px;
+  padding: 11px 23px;
   text-decoration: none;
 }
 
 .xpl-button i.leading {
-  margin-right: 0.5rem;
+  margin: 0 8px 0 -4px;
+}
+
+.xpl-button--sm i.leading {
+  margin-right: 6px;
+}
+
+.xpl-button--xs i.leading {
+  margin-right: 4px;
 }
 
 .xpl-button i.trailing {
-  margin-left: 0.5rem;
+  margin: 0 -4px 0 8px;
+}
+
+.xpl-button--sm i.trailing {
+  margin-left: 6px;
+}
+
+.xpl-button--xs i.trailing {
+  margin-left: 4px;
 }
 
 .dark a.xpl-button,
@@ -873,12 +889,12 @@ button.xpl-button--secondary:hover {
 
 .dark a.xpl-button--secondary:focus,
 .dark button.xpl-button--secondary:focus {
-  --tw-ring-color: var(--xpl-darkmode-secondary-light);
+  --tw-ring-color: var(--xpl-darkmode-secondary);
 }
 
 .dark a.xpl-button--secondary:active,
 .dark button.xpl-button--secondary:active {
-  --tw-ring-color: var(--xpl-darkmode-secondary);
+  --tw-ring-color: var(--xpl-darkmode-secondary-extra-dark);
 }
 
 button.xpl-button--secondary:disabled {
@@ -991,6 +1007,16 @@ a.xpl-button--error:focus, button.xpl-button--error:focus {
   --tw-ring-color: rgba(194, 33, 15, var(--tw-ring-opacity));
 }
 
+.dark a.xpl-button--error:focus, .dark button.xpl-button--error:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(255, 147, 135, var(--tw-ring-opacity));
+}
+
+.dark a.xpl-button--error:active, .dark button.xpl-button--error:active {
+  --tw-bg-opacity: 1;
+  background-color: rgba(248, 114, 99, var(--tw-bg-opacity));
+}
+
 button.xpl-button--error:disabled {
   --tw-bg-opacity: 1;
   background-color: rgba(228, 230, 235, var(--tw-bg-opacity));
@@ -1027,7 +1053,7 @@ a.xpl-button--xs, button.xpl-button--xs {
 
 a.xpl-button--xs,
 button.xpl-button--xs {
-  padding: 4px 10px;
+  padding: 3px 9px;
   height: 24px;
 }
 
@@ -1054,16 +1080,15 @@ button.xpl-button--xs.xpl-button--icon-only {
 
 .xpl-button--icon-only i {
   width: 100%;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  --tw-scale-x: 1.25;
-  --tw-scale-y: 1.25;
+  transform: scale(1.2);
+}
+
+.xpl-button--icon-only.xpl-button--sm i {
+  transform: scale(1.25);
+}
+
+.xpl-button--icon-only.xpl-button--xs i {
+  transform: scale(1);
 }
 
 .xpl-pagination {
@@ -1274,12 +1299,6 @@ button.xpl-button--xs.xpl-button--icon-only {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-@media (min-width: 640px) {
-  .xpl-table-container {
-    border-radius: 0.5rem;
-  }
-}
-
 .xpl-table > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-y-reverse: 0;
   border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
@@ -1296,7 +1315,7 @@ button.xpl-button--xs.xpl-button--icon-only {
   position: absolute;
 }
 
-.xpl-table--sticky thead th:first-child, .xpl-table--sticky tbody td:first-child {
+.xpl-table--freeze thead th:first-child, .xpl-table--freeze tbody td:first-child {
   --tw-bg-opacity: 1;
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   position: sticky;
@@ -1304,7 +1323,35 @@ button.xpl-button--xs.xpl-button--icon-only {
   z-index: 10;
 }
 
-.xpl-table--sticky thead th:first-child {
+.xpl-table--freeze thead th:first-child:after, .xpl-table--freeze tbody td:first-child:after {
+  display: block;
+  height: 100%;
+  opacity: 0;
+  position: absolute;
+  top: 0px;
+  left: 100%;
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.xpl-table--freeze thead th:first-child:after,
+.xpl-table--freeze tbody td:first-child:after {
+  background: linear-gradient(
+    90deg,
+    #e4e6eb 0%,
+    #e4e6eb 0.01%,
+    rgba(228, 230, 235, 0) 100%
+  );
+  content: "";
+  width: 24px;
+}
+
+.xpl-table--has-scrolled thead th:first-child:after, .xpl-table--has-scrolled tbody td:first-child:after {
+  opacity: 1;
+}
+
+.xpl-table--freeze thead th:first-child {
   --tw-bg-opacity: 1;
   background-color: rgba(250, 251, 252, var(--tw-bg-opacity));
 }
@@ -1325,17 +1372,10 @@ button.xpl-button--xs.xpl-button--icon-only {
   text-align: left;
   --tw-text-opacity: 1;
   color: rgba(102, 109, 125, var(--tw-text-opacity));
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
   white-space: nowrap;
 }
 
-.xpl-table tbody {
-  --tw-bg-opacity: 1;
-  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-}
-
-.xpl-table:not(.xpl-table--striped) tbody > :not([hidden]) ~ :not([hidden]) {
+.xpl-table tbody > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-y-reverse: 0;
   border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
   border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
@@ -1343,6 +1383,11 @@ button.xpl-button--xs.xpl-button--icon-only {
   border-color: rgba(228, 230, 235, var(--tw-divide-opacity));
 }
 
+.xpl-table tbody {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+}
+
 .xpl-table.xpl-table--striped tbody tr:nth-child(2n) td {
   --tw-bg-opacity: 1;
   background-color: rgba(250, 251, 252, var(--tw-bg-opacity));
@@ -1382,9 +1427,19 @@ button.xpl-button--xs.xpl-button--icon-only {
   color: rgba(49, 46, 129, var(--tw-text-opacity));
 }
 
+.xpl-table label {
+  cursor: pointer;
+}
+
 .xpl-table input[type="checkbox"] {
   cursor: pointer;
-  margin-right: 1rem;
+  margin-right: 1.5rem;
+  vertical-align: middle;
+}
+
+.xpl-table-row-selected td {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(244, 242, 255, var(--tw-bg-opacity)) !important;
 }
 
 .xpl-tabs {

package/dist/apollo-core/apollo-core.css

@@ -1,4 +1,9 @@
-/*! tailwindcss v2.1.4 | MIT License | https://tailwindcss.com *//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */[class^="xpl-"],[class^="xpl-"] *,[class^="xpl-"]::before,[class^="xpl-"] *::before,[class^="xpl-"]::after,[class^="xpl-"] *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[class^="xpl-"]{-moz-tab-size:4;-o-tab-size:4;tab-size:4}[class^="xpl-"]{line-height:1.15;-webkit-text-size-adjust:100%;}[class^="xpl-"],[class^="xpl-"] *{font-family:var(--xpl-font-family)}[class^="xpl-"] hr{height:0;color:inherit;}[class^="xpl-"] abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}[class^="xpl-"] b,[class^="xpl-"] strong{font-weight:bolder}[class^="xpl-"] code,[class^="xpl-"] kbd,[class^="xpl-"] samp,[class^="xpl-"] pre{font-family:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo,
-    monospace;font-size:1em;}[class^="xpl-"] small{font-size:80%}[class^="xpl-"] sub,[class^="xpl-"] sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}[class^="xpl-"] sub{bottom:-0.25em}[class^="xpl-"] sup{top:-0.5em}[class^="xpl-"] table,table[class^="xpl-"]{text-indent:0;border-color:inherit;}[class^="xpl-"] button,button[class^="xpl-"],[class^="xpl-"] input,input[class^="xpl-"],[class^="xpl-"] optgroup,optgroup[class^="xpl-"],[class^="xpl-"] select,select[class^="xpl-"] [class^="xpl-"] textarea,textarea[class^="xpl-"]{font-family:var(--xpl-font-family);font-size:100%;line-height:1.15;margin:0;}[class^="xpl-"] button,button[class^="xpl-"],[class^="xpl-"] select,select[class^="xpl-"]{text-transform:none}[class^="xpl-"] button,button[class^="xpl-"] [class^="xpl-"] [type="button"],[type="button"][class^="xpl-"]{-webkit-appearance:button}[class^="xpl-"] legend{padding:0}[class^="xpl-"] progress{vertical-align:baseline}[class^="xpl-"] summary{display:list-item}[class^="xpl-"] blockquote,[class^="xpl-"] dl,[class^="xpl-"] dd,[class^="xpl-"] h1,[class^="xpl-"] h2,[class^="xpl-"] h3,[class^="xpl-"] h4,[class^="xpl-"] h5,[class^="xpl-"] h6,[class^="xpl-"] hr,[class^="xpl-"] figure,[class^="xpl-"] p,[class^="xpl-"] pre{margin:0}[class^="xpl-"] button,button[class^="xpl-"]{background-color:transparent;background-image:none}[class^="xpl-"] button:focus,button[class^="xpl-"]:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}[class^="xpl-"] fieldset{margin:0;padding:0}[class^="xpl-"] ol,ol[class^="xpl-"],[class^="xpl-"] ul,ul[class^="xpl-"]{list-style:none;margin:0;padding:0}[class^="xpl-"],[class^="xpl-"] *{font-family:var(--xpl-font-family);line-height:1.5;}[class^="xpl-"],[class^="xpl-"] *,[class^="xpl-"]::before,[class^="xpl-"] *::before,[class^="xpl-"]::after,[class^="xpl-"] *::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;}[class^="xpl-"] hr{border-top-width:1px}[class^="xpl-"] img{border-style:solid}[class^="xpl-"] textarea{resize:vertical}[class^="xpl-"] input::-moz-placeholder,input[class^="xpl-"]::-moz-placeholder,[class^="xpl-"] textarea::-moz-placeholder,textarea[class^="xpl-"]::-moz-placeholder{opacity:1;color:#9ca3af}[class^="xpl-"] input:-ms-input-placeholder,input[class^="xpl-"]:-ms-input-placeholder,[class^="xpl-"] textarea:-ms-input-placeholder,textarea[class^="xpl-"]:-ms-input-placeholder{opacity:1;color:#9ca3af}[class^="xpl-"] input::-moz-placeholder,input[class^="xpl-"]::-moz-placeholder,[class^="xpl-"] textarea::-moz-placeholder,textarea[class^="xpl-"]::-moz-placeholder{opacity:1;color:#9ca3af}[class^="xpl-"] input:-ms-input-placeholder,input[class^="xpl-"]:-ms-input-placeholder,[class^="xpl-"] textarea:-ms-input-placeholder,textarea[class^="xpl-"]:-ms-input-placeholder{opacity:1;color:#9ca3af}[class^="xpl-"] input::-webkit-input-placeholder,input[class^="xpl-"]::-webkit-input-placeholder,[class^="xpl-"] textarea::-webkit-input-placeholder,textarea[class^="xpl-"]::-webkit-input-placeholder{opacity:1;color:#9ca3af}[class^="xpl-"] input::-ms-input-placeholder,input[class^="xpl-"]::-ms-input-placeholder,[class^="xpl-"] textarea::-ms-input-placeholder,textarea[class^="xpl-"]::-ms-input-placeholder{opacity:1;color:#9ca3af}[class^="xpl-"] input::placeholder,input[class^="xpl-"]::placeholder,[class^="xpl-"] textarea::placeholder,textarea[class^="xpl-"]::placeholder{opacity:1;color:#9ca3af}[class^="xpl-"] button,button[class^="xpl-"]{cursor:pointer}[class^="xpl-"] table,table[class^="xpl-"]{border-collapse:collapse}[class^="xpl-"] h1,[class^="xpl-"] h2,[class^="xpl-"] h3,[class^="xpl-"] h4,[class^="xpl-"] h5,[class^="xpl-"] h6{font-size:inherit;font-weight:inherit}[class^="xpl-"] a{color:inherit;text-decoration:inherit}[class^="xpl-"] button,button[class^="xpl-"],[class^="xpl-"] input,input[class^="xpl-"],[class^="xpl-"] optgroup,optgroup[class^="xpl-"],[class^="xpl-"] select,select[class^="xpl-"],[class^="xpl-"] textarea,textarea[class^="xpl-"]{padding:0;line-height:inherit;color:inherit}[class^="xpl-"] pre,[class^="xpl-"] code,[class^="xpl-"] kbd,[class^="xpl-"] samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+/*! tailwindcss v2.1.4 | MIT License | https://tailwindcss.com *//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */[class^="xpl-"],[class^="xpl-"] *,[class^="xpl-"]::before,[class^="xpl-"] *::before,[class^="xpl-"]::after,[class^="xpl-"] *::after{box-sizing:border-box}[class^="xpl-"]{-moz-tab-size:4;-o-tab-size:4;tab-size:4}[class^="xpl-"]{line-height:1.15;-webkit-text-size-adjust:100%;}[class^="xpl-"],[class^="xpl-"] *{font-family:var(--xpl-font-family)}[class^="xpl-"] hr{height:0;color:inherit;}[class^="xpl-"] abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}[class^="xpl-"] b,[class^="xpl-"] strong{font-weight:bolder}[class^="xpl-"] code,[class^="xpl-"] kbd,[class^="xpl-"] samp,[class^="xpl-"] pre{font-family:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo,
+    monospace;font-size:1em;}[class^="xpl-"] small{font-size:80%}[class^="xpl-"] sub,[class^="xpl-"] sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}[class^="xpl-"] sub{bottom:-0.25em}[class^="xpl-"] sup{top:-0.5em}[class^="xpl-"] table,table[class^="xpl-"]{text-indent:0;border-color:inherit;}[class^="xpl-"] button,button[class^="xpl-"],[class^="xpl-"] input,input[class^="xpl-"],[class^="xpl-"] optgroup,optgroup[class^="xpl-"],[class^="xpl-"] select,select[class^="xpl-"] [class^="xpl-"] textarea,textarea[class^="xpl-"]{font-family:var(--xpl-font-family);font-size:100%;line-height:1.15;margin:0;}[class^="xpl-"] button,button[class^="xpl-"],[class^="xpl-"] select,select[class^="xpl-"]{text-transform:none}[class^="xpl-"] button,button[class^="xpl-"] [class^="xpl-"] [type="button"],[type="button"][class^="xpl-"]{-webkit-appearance:button}[class^="xpl-"] legend{padding:0}[class^="xpl-"] progress{vertical-align:baseline}[class^="xpl-"] summary{display:list-item}[class^="xpl-"] blockquote,[class^="xpl-"] dl,[class^="xpl-"] dd,[class^="xpl-"] h1,[class^="xpl-"] h2,[class^="xpl-"] h3,[class^="xpl-"] h4,[class^="xpl-"] h5,[class^="xpl-"] h6,[class^="xpl-"] hr,[class^="xpl-"] figure,[class^="xpl-"] p,[class^="xpl-"] pre{margin:0}[class^="xpl-"] button,button[class^="xpl-"]{background-color:transparent;background-image:none}[class^="xpl-"] button:focus,button[class^="xpl-"]:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}[class^="xpl-"] fieldset{margin:0;padding:0}[class^="xpl-"] ol,ol[class^="xpl-"],[class^="xpl-"] ul,ul[class^="xpl-"]{list-style:none;margin:0;padding:0}[class^="xpl-"],[class^="xpl-"] *{font-family:var(--xpl-font-family);line-height:1.5;}[class^="xpl-"],[class^="xpl-"] *,[class^="xpl-"]::before,[class^="xpl-"] *::before,[class^="xpl-"]::after,[class^="xpl-"] *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;}[class^="xpl-"] hr{border-top-width:1px}[class^="xpl-"] img{border-style:solid}[class^="xpl-"] textarea{resize:vertical}[class^="xpl-"] input::-moz-placeholder,input[class^="xpl-"]::-moz-placeholder,[class^="xpl-"] textarea::-moz-placeholder,textarea[class^="xpl-"]::-moz-placeholder{opacity:1;color:#9ca3af}[class^="xpl-"] input:-ms-input-placeholder,input[class^="xpl-"]:-ms-input-placeholder,[class^="xpl-"] textarea:-ms-input-placeholder,textarea[class^="xpl-"]:-ms-input-placeholder{opacity:1;color:#9ca3af}[class^="xpl-"] input::-moz-placeholder,input[class^="xpl-"]::-moz-placeholder,[class^="xpl-"] textarea::-moz-placeholder,textarea[class^="xpl-"]::-moz-placeholder{opacity:1;color:#9ca3af}[class^="xpl-"] input:-ms-input-placeholder,input[class^="xpl-"]:-ms-input-placeholder,[class^="xpl-"] textarea:-ms-input-placeholder,textarea[class^="xpl-"]:-ms-input-placeholder{opacity:1;color:#9ca3af}[class^="xpl-"] input::placeholder,input[class^="xpl-"]::placeholder,[class^="xpl-"] textarea::placeholder,textarea[class^="xpl-"]::placeholder{opacity:1;color:#9ca3af}[class^="xpl-"] button,button[class^="xpl-"]{cursor:pointer}[class^="xpl-"] table,table[class^="xpl-"]{border-collapse:collapse}[class^="xpl-"] h1,[class^="xpl-"] h2,[class^="xpl-"] h3,[class^="xpl-"] h4,[class^="xpl-"] h5,[class^="xpl-"] h6{font-size:inherit;font-weight:inherit}[class^="xpl-"] a{color:inherit;text-decoration:inherit}[class^="xpl-"] button,button[class^="xpl-"],[class^="xpl-"] input,input[class^="xpl-"],[class^="xpl-"] optgroup,optgroup[class^="xpl-"],[class^="xpl-"] select,select[class^="xpl-"],[class^="xpl-"] textarea,textarea[class^="xpl-"]{padding:0;line-height:inherit;color:inherit}[class^="xpl-"] pre,[class^="xpl-"] code,[class^="xpl-"] kbd,[class^="xpl-"] samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
     "Liberation Mono", "Courier New", monospace}[class^="xpl-"] img,[class^="xpl-"] video,[class^="xpl-"] canvas,[class^="xpl-"] audio,[class^="xpl-"] iframe,[class^="xpl-"] embed,[class^="xpl-"] object{display:block;vertical-align:middle}[class^="xpl-"] img,[class^="xpl-"] video{max-width:100%;height:auto}*{--tw-shadow:0 0 #0000}*{--tw-ring-inset:var(--tw-empty,  );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000}:root{--xpl-font-family:apple-system, system-ui, "Segoe UI", Arial, Helvetica,
-    Roboto, sans-serif;--xpl-primary:#f44e27;--xpl-secondary:#6923f4;--xpl-secondary-dark:#4d1ab2;--xpl-secondary-extra-dark:#330d80;--xpl-secondary-light:#8857fa;--xpl-secondary-extra-light:#ebe5ff;--xpl-darkmode-primary:#f99170;--xpl-darkmode-secondary:#c3adff;--xpl-darkmode-secondary-dark:#a480ff;--xpl-darkmode-secondary-extra-dark:#8857fa;--xpl-darkmode-secondary-light:#ddd1ff;--xpl-darkmode-secondary-extra-light:#ebe5ff;--xpl-button-radius:9999px}.xpl-avatar{display:inline-block;position:relative}.xpl-avatar img{border-radius:9999px;height:2.5rem;width:2.5rem}.xpl-avatar-dot{--tw-bg-opacity:1;background-color:rgba(249, 145, 112, var(--tw-bg-opacity));border-radius:9999px;display:block;height:0.625rem;position:absolute;top:0px;right:0px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(255, 255, 255, var(--tw-ring-opacity));width:0.625rem}.xpl-avatar-dot--bottom{bottom:0px;top:auto}.xpl-avatar--s img{height:2rem;width:2rem}.xpl-avatar--s .xpl-avatar-dot{height:0.5rem;width:0.5rem}.xpl-avatar--xs img{height:1.5rem;width:1.5rem}.xpl-avatar--xs .xpl-avatar-dot{height:0.375rem;width:0.375rem}.xpl-avatar--l img{height:3rem;width:3rem}.xpl-avatar--l .xpl-avatar-dot{height:0.875rem;width:0.875rem}.xpl-avatar--xl img{height:3.5rem;width:3.5rem}.xpl-avatar--xl .xpl-avatar-dot{height:1rem;width:1rem}.xpl-avatar--rounded img{border-radius:0.375rem}.xpl-avatar--rounded .xpl-avatar-dot{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-translate-x:50%;--tw-translate-y:-50%}.xpl-avatar--rounded .xpl-avatar-dot--bottom{--tw-translate-y:50%}.xpl-avatar-group>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-0.5rem * var(--tw-space-x-reverse));margin-left:calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)))}.xpl-avatar-group{display:-ms-flexbox;display:flex;overflow:hidden}.xpl-avatar-group img{border-radius:9999px;display:inline-block;height:2rem;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(255, 255, 255, var(--tw-ring-opacity));width:2rem}.xpl-avatar-group--s>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-0.25rem * var(--tw-space-x-reverse));margin-left:calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)))}.xpl-avatar-group--s img{height:1.5rem;width:1.5rem}.xpl-avatar-group--l img{height:2.5rem;width:2.5rem}.xpl-avatar-group--reverse{position:relative;z-index:0}.xpl-avatar-group--reverse img:nth-child(0){position:relative;z-index:50}.xpl-avatar-group--reverse img:nth-child(1){position:relative;z-index:40}.xpl-avatar-group--reverse img:nth-child(2){position:relative;z-index:30}.xpl-avatar-group--reverse img:nth-child(3){position:relative;z-index:20}.xpl-avatar-group--reverse img:nth-child(4){position:relative;z-index:10}.xpl-badge{--tw-bg-opacity:1;background-color:rgba(245, 247, 250, var(--tw-bg-opacity));border-radius:9999px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-weight:500;font-size:10px;line-height:0.875rem;padding-top:0.125rem;padding-bottom:0.125rem;padding-left:0.625rem;padding-right:0.625rem;--tw-text-opacity:1;color:rgba(55, 62, 78, var(--tw-text-opacity))}.xpl-badge.xpl-badge--error{--tw-bg-opacity:1;background-color:rgba(255, 233, 229, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(168, 36, 16, var(--tw-text-opacity))}.xpl-badge.xpl-badge--warning{--tw-bg-opacity:1;background-color:rgba(244, 253, 197, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(102, 102, 0, var(--tw-text-opacity))}.xpl-badge.xpl-badge--success{--tw-bg-opacity:1;background-color:rgba(196, 255, 237, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(29, 97, 75, var(--tw-text-opacity))}.xpl-badge.xpl-badge--large{font-weight:500;font-size:12px;line-height:1rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.125rem;padding-bottom:0.125rem}a.xpl-button,button.xpl-button{border-color:transparent;border-radius:9999px;border-width:1px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-weight:500;font-size:14px;line-height:1.25rem}a.xpl-button:focus,button.xpl-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width:2px}a.xpl-button,button.xpl-button{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}a.xpl-button,button.xpl-button{background-color:var(--xpl-secondary);border-radius:var(--xpl-button-radius);height:44px;padding:11px 20px;text-decoration:none}.xpl-button i.leading{margin-right:0.5rem}.xpl-button i.trailing{margin-left:0.5rem}.dark a.xpl-button,.dark button.xpl-button{--tw-ring-offset-color:#212633}.dark a.xpl-button,.dark button.xpl-button{--tw-text-opacity:1;color:rgba(33, 38, 51, var(--tw-text-opacity))}.dark a.xpl-button,.dark button.xpl-button{background-color:var(--xpl-darkmode-secondary)}a.xpl-button:hover,button.xpl-button:hover{--tw-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}a.xpl-button:hover,button.xpl-button:hover{background-color:var(--xpl-secondary-dark)}.dark a.xpl-button:hover,.dark button.xpl-button:hover{background-color:var(--xpl-darkmode-secondary-dark)}a.xpl-button:focus,button.xpl-button:focus{--tw-ring-color:var(--xpl-secondary-light)}button.xpl-button:disabled{--tw-bg-opacity:1;background-color:rgba(228, 230, 235, var(--tw-bg-opacity));cursor:not-allowed;--tw-shadow:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-text-opacity:1;color:rgba(102, 109, 125, var(--tw-text-opacity))}.dark button.xpl-button:disabled{--tw-bg-opacity:1;background-color:rgba(68, 75, 92, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(157, 163, 175, var(--tw-text-opacity))}a.xpl-button--secondary,button.xpl-button--secondary{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(206, 211, 219, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(33, 38, 51, var(--tw-text-opacity))}.dark a.xpl-button--secondary,.dark button.xpl-button--secondary{background-color:transparent;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}a.xpl-button--secondary:hover,button.xpl-button--secondary:hover{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}a.xpl-button--secondary:hover,button.xpl-button--secondary:hover{border-color:var(--xpl-secondary)}.dark a.xpl-button--secondary:hover,.dark button.xpl-button--secondary:hover{background-color:transparent}.dark a.xpl-button--secondary:hover,.dark button.xpl-button--secondary:hover{border-color:var(--xpl-darkmode-secondary)}.dark a.xpl-button--secondary:focus,.dark button.xpl-button--secondary:focus{--tw-ring-color:var(--xpl-darkmode-secondary-light)}.dark a.xpl-button--secondary:active,.dark button.xpl-button--secondary:active{--tw-ring-color:var(--xpl-darkmode-secondary)}button.xpl-button--secondary:disabled{--tw-bg-opacity:1;background-color:rgba(245, 247, 250, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(206, 211, 219, var(--tw-border-opacity))}.dark button.xpl-button--secondary:disabled{background-color:transparent;--tw-border-opacity:1;border-color:rgba(206, 211, 219, var(--tw-border-opacity))}a.xpl-button--subtle,button.xpl-button--subtle{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));border-style:none;--tw-text-opacity:1;color:rgba(33, 38, 51, var(--tw-text-opacity))}.dark a.xpl-button--subtle,.dark button.xpl-button--subtle{background-color:transparent;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}a.xpl-button--subtle:hover,button.xpl-button--subtle:hover{--tw-bg-opacity:1;background-color:rgba(245, 247, 250, var(--tw-bg-opacity))}.dark a.xpl-button--subtle:hover,.dark button.xpl-button--subtle:hover{--tw-bg-opacity:1;background-color:rgba(55, 62, 78, var(--tw-bg-opacity))}a.xpl-button--subtle:focus,button.xpl-button--subtle:focus{--tw-bg-opacity:1;background-color:rgba(245, 247, 250, var(--tw-bg-opacity));--tw-ring-opacity:1;--tw-ring-color:rgba(228, 230, 235, var(--tw-ring-opacity))}.dark a.xpl-button--subtle:focus,.dark button.xpl-button--subtle:focus{background-color:transparent;--tw-ring-opacity:1;--tw-ring-color:rgba(55, 62, 78, var(--tw-ring-opacity))}a.xpl-button--subtle:active,button.xpl-button--subtle:active{--tw-bg-opacity:1;background-color:rgba(228, 230, 235, var(--tw-bg-opacity))}.dark a.xpl-button--subtle:active,.dark button.xpl-button--subtle:active{--tw-bg-opacity:1;background-color:rgba(68, 75, 92, var(--tw-bg-opacity))}button.xpl-button--subtle:disabled{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(102, 109, 125, var(--tw-text-opacity))}.dark button.xpl-button--subtle:disabled{background-color:transparent;--tw-text-opacity:1;color:rgba(157, 163, 175, var(--tw-text-opacity))}a.xpl-button--error,button.xpl-button--error{--tw-bg-opacity:1;background-color:rgba(194, 33, 15, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(194, 33, 15, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.dark a.xpl-button--error,.dark button.xpl-button--error{--tw-bg-opacity:1;background-color:rgba(255, 147, 135, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(255, 147, 135, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(33, 38, 51, var(--tw-text-opacity))}a.xpl-button--error:hover,button.xpl-button--error:hover,a.xpl-button--error:active,button.xpl-button--error:active{--tw-bg-opacity:1;background-color:rgba(150, 19, 5, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(150, 19, 5, var(--tw-border-opacity))}.dark a.xpl-button--error:hover,.dark button.xpl-button--error:hover{--tw-bg-opacity:1;background-color:rgba(248, 114, 99, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(248, 114, 99, var(--tw-border-opacity))}a.xpl-button--error:focus,button.xpl-button--error:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(194, 33, 15, var(--tw-ring-opacity))}button.xpl-button--error:disabled{--tw-bg-opacity:1;background-color:rgba(228, 230, 235, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(228, 230, 235, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(102, 109, 125, var(--tw-text-opacity))}.dark button.xpl-button--error:disabled{--tw-bg-opacity:1;background-color:rgba(68, 75, 92, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(68, 75, 92, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(157, 163, 175, var(--tw-text-opacity))}a.xpl-button--sm,button.xpl-button--sm{font-size:12px;line-height:1rem}a.xpl-button--sm,button.xpl-button--sm{padding:7px 15px;height:32px}a.xpl-button--xs,button.xpl-button--xs{font-size:10px;line-height:0.875rem}a.xpl-button--xs,button.xpl-button--xs{padding:4px 10px;height:24px}a.xpl-button--icon-only,button.xpl-button--icon-only{padding-right:0px;padding-left:0px;text-align:center}a.xpl-button--icon-only,button.xpl-button--icon-only{width:44px}a.xpl-button--sm.xpl-button--icon-only,button.xpl-button--sm.xpl-button--icon-only{width:32px}a.xpl-button--xs.xpl-button--icon-only,button.xpl-button--xs.xpl-button--icon-only{width:24px}.xpl-button--icon-only i{width:100%;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-scale-x:1.25;--tw-scale-y:1.25}.xpl-pagination{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));padding-top:0.75rem;padding-bottom:0.75rem}@media (min-width: 768px){.xpl-pagination{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}}.xpl-pagination p{font-size:12px;line-height:1rem;padding-bottom:0.5rem;--tw-text-opacity:1;color:rgba(68, 75, 92, var(--tw-text-opacity))}@media (min-width: 768px){.xpl-pagination p{padding-bottom:0px}}.xpl-pagination span{font-weight:500}.xpl-pagination nav>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-1px * var(--tw-space-x-reverse));margin-left:calc(-1px * calc(1 - var(--tw-space-x-reverse)))}.xpl-pagination nav{border-radius:0.375rem;display:-ms-inline-flexbox;display:inline-flex;position:relative;--tw-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);z-index:0}.xpl-pagination svg{height:1.25rem;width:1.25rem;fill:currentColor}.xpl-pagination .xpl-pagination-prev{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.xpl-pagination .xpl-pagination-prev:hover{--tw-bg-opacity:1;background-color:rgba(250, 251, 252, var(--tw-bg-opacity))}.xpl-pagination .xpl-pagination-prev{--tw-border-opacity:1;border-color:rgba(206, 211, 219, var(--tw-border-opacity));border-top-left-radius:0.375rem;border-bottom-left-radius:0.375rem;border-width:1px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-weight:500;font-size:12px;line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.5rem;padding-right:0.5rem;position:relative;--tw-text-opacity:1;color:rgba(102, 109, 125, var(--tw-text-opacity))}.xpl-pagination .xpl-pagination-next{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.xpl-pagination .xpl-pagination-next:hover{--tw-bg-opacity:1;background-color:rgba(250, 251, 252, var(--tw-bg-opacity))}.xpl-pagination .xpl-pagination-next{--tw-border-opacity:1;border-color:rgba(206, 211, 219, var(--tw-border-opacity));border-top-right-radius:0.375rem;border-bottom-right-radius:0.375rem;border-width:1px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-weight:500;font-size:12px;line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.5rem;padding-right:0.5rem;position:relative;--tw-text-opacity:1;color:rgba(102, 109, 125, var(--tw-text-opacity))}.xpl-pagination .xpl-pagination-prev span,.xpl-pagination .xpl-pagination-next span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.xpl-pagination a,.xpl-pagination button{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.xpl-pagination a:hover,.xpl-pagination button:hover{--tw-bg-opacity:1;background-color:rgba(250, 251, 252, var(--tw-bg-opacity))}.xpl-pagination a,.xpl-pagination button{--tw-border-opacity:1;border-color:rgba(206, 211, 219, var(--tw-border-opacity));border-width:1px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-weight:500;font-size:12px;line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;position:relative;--tw-text-opacity:1;color:rgba(102, 109, 125, var(--tw-text-opacity))}.xpl-pagination-ellipsis{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(206, 211, 219, var(--tw-border-opacity));border-width:1px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-weight:500;font-size:12px;line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;position:relative;--tw-text-opacity:1;color:rgba(68, 75, 92, var(--tw-text-opacity))}.xpl-pagination .xpl-pagination-current{--tw-bg-opacity:1;background-color:rgba(238, 242, 255, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(99, 102, 241, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(79, 70, 229, var(--tw-text-opacity));z-index:10}.xpl-pagination .xpl-pagination-current:hover{--tw-bg-opacity:1;background-color:rgba(238, 242, 255, var(--tw-bg-opacity))}.xpl-pagination .xpl-pagination-show-md{display:none}@media (min-width: 768px){.xpl-pagination .xpl-pagination-show-md{display:-ms-inline-flexbox;display:inline-flex}}.xpl-table-container{--tw-border-opacity:1;border-color:rgba(228, 230, 235, var(--tw-border-opacity));border-bottom-width:1px;overflow:auto;--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}@media (min-width: 640px){.xpl-table-container{border-radius:0.5rem}}.xpl-table>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity:1;border-color:rgba(228, 230, 235, var(--tw-divide-opacity))}.xpl-table{min-width:100%}.xpl-table--abs{position:absolute}.xpl-table--sticky thead th:first-child,.xpl-table--sticky tbody td:first-child{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));position:-webkit-sticky;position:sticky;left:0px;z-index:10}.xpl-table--sticky thead th:first-child{--tw-bg-opacity:1;background-color:rgba(250, 251, 252, var(--tw-bg-opacity))}.xpl-table thead{--tw-bg-opacity:1;background-color:rgba(250, 251, 252, var(--tw-bg-opacity))}.xpl-table thead th{font-weight:500;font-size:10px;line-height:0.875rem;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1.5rem;padding-right:1.5rem;text-align:left;--tw-text-opacity:1;color:rgba(102, 109, 125, var(--tw-text-opacity));text-transform:uppercase;letter-spacing:0.05em;white-space:nowrap}.xpl-table tbody{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.xpl-table:not(.xpl-table--striped) tbody>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity:1;border-color:rgba(228, 230, 235, var(--tw-divide-opacity))}.xpl-table.xpl-table--striped tbody tr:nth-child(2n) td{--tw-bg-opacity:1;background-color:rgba(250, 251, 252, var(--tw-bg-opacity))}.xpl-table tbody tr td{padding-top:1rem;padding-bottom:1rem;padding-left:1.5rem;padding-right:1.5rem;white-space:nowrap;font-size:12px;line-height:1rem;--tw-text-opacity:1;color:rgba(102, 109, 125, var(--tw-text-opacity))}.xpl-table tbody tr td:first-child,.xpl-table p{font-weight:500;font-size:12px;line-height:1rem;--tw-text-opacity:1;color:rgba(33, 38, 51, var(--tw-text-opacity))}.xpl-table .wrap{white-space:normal}.xpl-table a{--tw-text-opacity:1;color:rgba(79, 70, 229, var(--tw-text-opacity))}.xpl-table a:hover{--tw-text-opacity:1;color:rgba(49, 46, 129, var(--tw-text-opacity))}.xpl-table input[type="checkbox"]{cursor:pointer;margin-right:1rem}.xpl-tabs{margin-bottom:0.75rem;overflow-x:auto}.xpl-tabs nav>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.xpl-tabs nav{--tw-border-opacity:1;border-color:rgba(228, 230, 235, var(--tw-border-opacity));border-bottom-width:1px;display:-ms-flexbox;display:flex;min-width:100%}.xpl-tabs a,.xpl-tabs button{border-color:transparent}.xpl-tabs a:hover,.xpl-tabs button:hover{--tw-border-opacity:1;border-color:rgba(228, 230, 235, var(--tw-border-opacity))}.xpl-tabs a,.xpl-tabs button{border-bottom-width:2px;display:-ms-flexbox;display:flex;font-weight:500;font-size:12px;line-height:1rem;padding-left:0.25rem;padding-right:0.25rem;padding-top:1rem;padding-bottom:1rem;--tw-text-opacity:1;color:rgba(102, 109, 125, var(--tw-text-opacity))}.xpl-tabs a:hover,.xpl-tabs button:hover{--tw-text-opacity:1;color:rgba(68, 75, 92, var(--tw-text-opacity))}.xpl-tabs a,.xpl-tabs button{white-space:nowrap}.xpl-tabs a span,.xpl-tabs button span{--tw-bg-opacity:1;background-color:rgba(245, 247, 250, var(--tw-bg-opacity));border-radius:9999px;font-weight:500;font-size:10px;line-height:0.875rem;margin-left:0.75rem;padding-top:0.125rem;padding-bottom:0.125rem;padding-left:0.625rem;padding-right:0.625rem;--tw-text-opacity:1;color:rgba(33, 38, 51, var(--tw-text-opacity))}.xpl-tabs a.current,.xpl-tabs button.current{--tw-border-opacity:1;border-color:rgba(99, 102, 241, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(79, 70, 229, var(--tw-text-opacity))}.xpl-tabs a.current span,.xpl-tabs button.current span{--tw-bg-opacity:1;background-color:rgba(224, 231, 255, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(79, 70, 229, var(--tw-text-opacity))}
+    Roboto, sans-serif;--xpl-primary:#f44e27;--xpl-secondary:#6923f4;--xpl-secondary-dark:#4d1ab2;--xpl-secondary-extra-dark:#330d80;--xpl-secondary-light:#8857fa;--xpl-secondary-extra-light:#ebe5ff;--xpl-darkmode-primary:#f99170;--xpl-darkmode-secondary:#c3adff;--xpl-darkmode-secondary-dark:#a480ff;--xpl-darkmode-secondary-extra-dark:#8857fa;--xpl-darkmode-secondary-light:#ddd1ff;--xpl-darkmode-secondary-extra-light:#ebe5ff;--xpl-button-radius:9999px}.xpl-avatar{display:inline-block;position:relative}.xpl-avatar img{border-radius:9999px;height:2.5rem;width:2.5rem}.xpl-avatar-dot{--tw-bg-opacity:1;background-color:rgba(249, 145, 112, var(--tw-bg-opacity));border-radius:9999px;display:block;height:0.625rem;position:absolute;top:0px;right:0px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(255, 255, 255, var(--tw-ring-opacity));width:0.625rem}.xpl-avatar-dot--bottom{bottom:0px;top:auto}.xpl-avatar--s img{height:2rem;width:2rem}.xpl-avatar--s .xpl-avatar-dot{height:0.5rem;width:0.5rem}.xpl-avatar--xs img{height:1.5rem;width:1.5rem}.xpl-avatar--xs .xpl-avatar-dot{height:0.375rem;width:0.375rem}.xpl-avatar--l img{height:3rem;width:3rem}.xpl-avatar--l .xpl-avatar-dot{height:0.875rem;width:0.875rem}.xpl-avatar--xl img{height:3.5rem;width:3.5rem}.xpl-avatar--xl .xpl-avatar-dot{height:1rem;width:1rem}.xpl-avatar--rounded img{border-radius:0.375rem}.xpl-avatar--rounded .xpl-avatar-dot{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-translate-x:50%;--tw-translate-y:-50%}.xpl-avatar--rounded .xpl-avatar-dot--bottom{--tw-translate-y:50%}.xpl-avatar-group>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-0.5rem * var(--tw-space-x-reverse));margin-left:calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)))}.xpl-avatar-group{display:flex;overflow:hidden}.xpl-avatar-group img{border-radius:9999px;display:inline-block;height:2rem;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(255, 255, 255, var(--tw-ring-opacity));width:2rem}.xpl-avatar-group--s>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-0.25rem * var(--tw-space-x-reverse));margin-left:calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)))}.xpl-avatar-group--s img{height:1.5rem;width:1.5rem}.xpl-avatar-group--l img{height:2.5rem;width:2.5rem}.xpl-avatar-group--reverse{position:relative;z-index:0}.xpl-avatar-group--reverse img:nth-child(0){position:relative;z-index:50}.xpl-avatar-group--reverse img:nth-child(1){position:relative;z-index:40}.xpl-avatar-group--reverse img:nth-child(2){position:relative;z-index:30}.xpl-avatar-group--reverse img:nth-child(3){position:relative;z-index:20}.xpl-avatar-group--reverse img:nth-child(4){position:relative;z-index:10}.xpl-badge{--tw-bg-opacity:1;background-color:rgba(245, 247, 250, var(--tw-bg-opacity));border-radius:9999px;display:inline-flex;align-items:center;font-weight:500;font-size:10px;line-height:0.875rem;padding-top:0.125rem;padding-bottom:0.125rem;padding-left:0.625rem;padding-right:0.625rem;--tw-text-opacity:1;color:rgba(55, 62, 78, var(--tw-text-opacity))}.xpl-badge.xpl-badge--error{--tw-bg-opacity:1;background-color:rgba(255, 233, 229, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(168, 36, 16, var(--tw-text-opacity))}.xpl-badge.xpl-badge--warning{--tw-bg-opacity:1;background-color:rgba(244, 253, 197, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(102, 102, 0, var(--tw-text-opacity))}.xpl-badge.xpl-badge--success{--tw-bg-opacity:1;background-color:rgba(196, 255, 237, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(29, 97, 75, var(--tw-text-opacity))}.xpl-badge.xpl-badge--large{font-weight:500;font-size:12px;line-height:1rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.125rem;padding-bottom:0.125rem}a.xpl-button,button.xpl-button{border-color:transparent;border-radius:9999px;border-width:1px;display:inline-flex;align-items:center;font-weight:500;font-size:14px;line-height:1.25rem}a.xpl-button:focus,button.xpl-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width:2px}a.xpl-button,button.xpl-button{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}a.xpl-button,button.xpl-button{background-color:var(--xpl-secondary);border-radius:var(--xpl-button-radius);height:44px;padding:11px 23px;text-decoration:none}.xpl-button i.leading{margin:0 8px 0 -4px}.xpl-button--sm i.leading{margin-right:6px}.xpl-button--xs i.leading{margin-right:4px}.xpl-button i.trailing{margin:0 -4px 0 8px}.xpl-button--sm i.trailing{margin-left:6px}.xpl-button--xs i.trailing{margin-left:4px}.dark a.xpl-button,.dark button.xpl-button{--tw-ring-offset-color:#212633}.dark a.xpl-button,.dark button.xpl-button{--tw-text-opacity:1;color:rgba(33, 38, 51, var(--tw-text-opacity))}.dark a.xpl-button,.dark button.xpl-button{background-color:var(--xpl-darkmode-secondary)}a.xpl-button:hover,button.xpl-button:hover{--tw-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}a.xpl-button:hover,button.xpl-button:hover{background-color:var(--xpl-secondary-dark)}.dark a.xpl-button:hover,.dark button.xpl-button:hover{background-color:var(--xpl-darkmode-secondary-dark)}a.xpl-button:focus,button.xpl-button:focus{--tw-ring-color:var(--xpl-secondary-light)}button.xpl-button:disabled{--tw-bg-opacity:1;background-color:rgba(228, 230, 235, var(--tw-bg-opacity));cursor:not-allowed;--tw-shadow:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-text-opacity:1;color:rgba(102, 109, 125, var(--tw-text-opacity))}.dark button.xpl-button:disabled{--tw-bg-opacity:1;background-color:rgba(68, 75, 92, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(157, 163, 175, var(--tw-text-opacity))}a.xpl-button--secondary,button.xpl-button--secondary{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(206, 211, 219, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(33, 38, 51, var(--tw-text-opacity))}.dark a.xpl-button--secondary,.dark button.xpl-button--secondary{background-color:transparent;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}a.xpl-button--secondary:hover,button.xpl-button--secondary:hover{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}a.xpl-button--secondary:hover,button.xpl-button--secondary:hover{border-color:var(--xpl-secondary)}.dark a.xpl-button--secondary:hover,.dark button.xpl-button--secondary:hover{background-color:transparent}.dark a.xpl-button--secondary:hover,.dark button.xpl-button--secondary:hover{border-color:var(--xpl-darkmode-secondary)}.dark a.xpl-button--secondary:focus,.dark button.xpl-button--secondary:focus{--tw-ring-color:var(--xpl-darkmode-secondary)}.dark a.xpl-button--secondary:active,.dark button.xpl-button--secondary:active{--tw-ring-color:var(--xpl-darkmode-secondary-extra-dark)}button.xpl-button--secondary:disabled{--tw-bg-opacity:1;background-color:rgba(245, 247, 250, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(206, 211, 219, var(--tw-border-opacity))}.dark button.xpl-button--secondary:disabled{background-color:transparent;--tw-border-opacity:1;border-color:rgba(206, 211, 219, var(--tw-border-opacity))}a.xpl-button--subtle,button.xpl-button--subtle{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));border-style:none;--tw-text-opacity:1;color:rgba(33, 38, 51, var(--tw-text-opacity))}.dark a.xpl-button--subtle,.dark button.xpl-button--subtle{background-color:transparent;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}a.xpl-button--subtle:hover,button.xpl-button--subtle:hover{--tw-bg-opacity:1;background-color:rgba(245, 247, 250, var(--tw-bg-opacity))}.dark a.xpl-button--subtle:hover,.dark button.xpl-button--subtle:hover{--tw-bg-opacity:1;background-color:rgba(55, 62, 78, var(--tw-bg-opacity))}a.xpl-button--subtle:focus,button.xpl-button--subtle:focus{--tw-bg-opacity:1;background-color:rgba(245, 247, 250, var(--tw-bg-opacity));--tw-ring-opacity:1;--tw-ring-color:rgba(228, 230, 235, var(--tw-ring-opacity))}.dark a.xpl-button--subtle:focus,.dark button.xpl-button--subtle:focus{background-color:transparent;--tw-ring-opacity:1;--tw-ring-color:rgba(55, 62, 78, var(--tw-ring-opacity))}a.xpl-button--subtle:active,button.xpl-button--subtle:active{--tw-bg-opacity:1;background-color:rgba(228, 230, 235, var(--tw-bg-opacity))}.dark a.xpl-button--subtle:active,.dark button.xpl-button--subtle:active{--tw-bg-opacity:1;background-color:rgba(68, 75, 92, var(--tw-bg-opacity))}button.xpl-button--subtle:disabled{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(102, 109, 125, var(--tw-text-opacity))}.dark button.xpl-button--subtle:disabled{background-color:transparent;--tw-text-opacity:1;color:rgba(157, 163, 175, var(--tw-text-opacity))}a.xpl-button--error,button.xpl-button--error{--tw-bg-opacity:1;background-color:rgba(194, 33, 15, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(194, 33, 15, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.dark a.xpl-button--error,.dark button.xpl-button--error{--tw-bg-opacity:1;background-color:rgba(255, 147, 135, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(255, 147, 135, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(33, 38, 51, var(--tw-text-opacity))}a.xpl-button--error:hover,button.xpl-button--error:hover,a.xpl-button--error:active,button.xpl-button--error:active{--tw-bg-opacity:1;background-color:rgba(150, 19, 5, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(150, 19, 5, var(--tw-border-opacity))}.dark a.xpl-button--error:hover,.dark button.xpl-button--error:hover{--tw-bg-opacity:1;background-color:rgba(248, 114, 99, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(248, 114, 99, var(--tw-border-opacity))}a.xpl-button--error:focus,button.xpl-button--error:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(194, 33, 15, var(--tw-ring-opacity))}.dark a.xpl-button--error:focus,.dark button.xpl-button--error:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(255, 147, 135, var(--tw-ring-opacity))}.dark a.xpl-button--error:active,.dark button.xpl-button--error:active{--tw-bg-opacity:1;background-color:rgba(248, 114, 99, var(--tw-bg-opacity))}button.xpl-button--error:disabled{--tw-bg-opacity:1;background-color:rgba(228, 230, 235, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(228, 230, 235, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(102, 109, 125, var(--tw-text-opacity))}.dark button.xpl-button--error:disabled{--tw-bg-opacity:1;background-color:rgba(68, 75, 92, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(68, 75, 92, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(157, 163, 175, var(--tw-text-opacity))}a.xpl-button--sm,button.xpl-button--sm{font-size:12px;line-height:1rem}a.xpl-button--sm,button.xpl-button--sm{padding:7px 15px;height:32px}a.xpl-button--xs,button.xpl-button--xs{font-size:10px;line-height:0.875rem}a.xpl-button--xs,button.xpl-button--xs{padding:3px 9px;height:24px}a.xpl-button--icon-only,button.xpl-button--icon-only{padding-right:0px;padding-left:0px;text-align:center}a.xpl-button--icon-only,button.xpl-button--icon-only{width:44px}a.xpl-button--sm.xpl-button--icon-only,button.xpl-button--sm.xpl-button--icon-only{width:32px}a.xpl-button--xs.xpl-button--icon-only,button.xpl-button--xs.xpl-button--icon-only{width:24px}.xpl-button--icon-only i{width:100%;transform:scale(1.2)}.xpl-button--icon-only.xpl-button--sm i{transform:scale(1.25)}.xpl-button--icon-only.xpl-button--xs i{transform:scale(1)}.xpl-pagination{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));padding-top:0.75rem;padding-bottom:0.75rem}@media (min-width: 768px){.xpl-pagination{display:flex;align-items:center;justify-content:space-between}}.xpl-pagination p{font-size:12px;line-height:1rem;padding-bottom:0.5rem;--tw-text-opacity:1;color:rgba(68, 75, 92, var(--tw-text-opacity))}@media (min-width: 768px){.xpl-pagination p{padding-bottom:0px}}.xpl-pagination span{font-weight:500}.xpl-pagination nav>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-1px * var(--tw-space-x-reverse));margin-left:calc(-1px * calc(1 - var(--tw-space-x-reverse)))}.xpl-pagination nav{border-radius:0.375rem;display:inline-flex;position:relative;--tw-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);z-index:0}.xpl-pagination svg{height:1.25rem;width:1.25rem;fill:currentColor}.xpl-pagination .xpl-pagination-prev{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.xpl-pagination .xpl-pagination-prev:hover{--tw-bg-opacity:1;background-color:rgba(250, 251, 252, var(--tw-bg-opacity))}.xpl-pagination .xpl-pagination-prev{--tw-border-opacity:1;border-color:rgba(206, 211, 219, var(--tw-border-opacity));border-top-left-radius:0.375rem;border-bottom-left-radius:0.375rem;border-width:1px;display:inline-flex;align-items:center;font-weight:500;font-size:12px;line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.5rem;padding-right:0.5rem;position:relative;--tw-text-opacity:1;color:rgba(102, 109, 125, var(--tw-text-opacity))}.xpl-pagination .xpl-pagination-next{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.xpl-pagination .xpl-pagination-next:hover{--tw-bg-opacity:1;background-color:rgba(250, 251, 252, var(--tw-bg-opacity))}.xpl-pagination .xpl-pagination-next{--tw-border-opacity:1;border-color:rgba(206, 211, 219, var(--tw-border-opacity));border-top-right-radius:0.375rem;border-bottom-right-radius:0.375rem;border-width:1px;display:inline-flex;align-items:center;font-weight:500;font-size:12px;line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.5rem;padding-right:0.5rem;position:relative;--tw-text-opacity:1;color:rgba(102, 109, 125, var(--tw-text-opacity))}.xpl-pagination .xpl-pagination-prev span,.xpl-pagination .xpl-pagination-next span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.xpl-pagination a,.xpl-pagination button{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.xpl-pagination a:hover,.xpl-pagination button:hover{--tw-bg-opacity:1;background-color:rgba(250, 251, 252, var(--tw-bg-opacity))}.xpl-pagination a,.xpl-pagination button{--tw-border-opacity:1;border-color:rgba(206, 211, 219, var(--tw-border-opacity));border-width:1px;display:inline-flex;align-items:center;font-weight:500;font-size:12px;line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;position:relative;--tw-text-opacity:1;color:rgba(102, 109, 125, var(--tw-text-opacity))}.xpl-pagination-ellipsis{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(206, 211, 219, var(--tw-border-opacity));border-width:1px;display:inline-flex;align-items:center;font-weight:500;font-size:12px;line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;position:relative;--tw-text-opacity:1;color:rgba(68, 75, 92, var(--tw-text-opacity))}.xpl-pagination .xpl-pagination-current{--tw-bg-opacity:1;background-color:rgba(238, 242, 255, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(99, 102, 241, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(79, 70, 229, var(--tw-text-opacity));z-index:10}.xpl-pagination .xpl-pagination-current:hover{--tw-bg-opacity:1;background-color:rgba(238, 242, 255, var(--tw-bg-opacity))}.xpl-pagination .xpl-pagination-show-md{display:none}@media (min-width: 768px){.xpl-pagination .xpl-pagination-show-md{display:inline-flex}}.xpl-table-container{--tw-border-opacity:1;border-color:rgba(228, 230, 235, var(--tw-border-opacity));border-bottom-width:1px;overflow:auto;--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.xpl-table>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity:1;border-color:rgba(228, 230, 235, var(--tw-divide-opacity))}.xpl-table{min-width:100%}.xpl-table--abs{position:absolute}.xpl-table--freeze thead th:first-child,.xpl-table--freeze tbody td:first-child{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));position:sticky;left:0px;z-index:10}.xpl-table--freeze thead th:first-child:after,.xpl-table--freeze tbody td:first-child:after{display:block;height:100%;opacity:0;position:absolute;top:0px;left:100%;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.xpl-table--freeze thead th:first-child:after,.xpl-table--freeze tbody td:first-child:after{background:linear-gradient(
+    90deg,
+    #e4e6eb 0%,
+    #e4e6eb 0.01%,
+    rgba(228, 230, 235, 0) 100%
+  );content:"";width:24px}.xpl-table--has-scrolled thead th:first-child:after,.xpl-table--has-scrolled tbody td:first-child:after{opacity:1}.xpl-table--freeze thead th:first-child{--tw-bg-opacity:1;background-color:rgba(250, 251, 252, var(--tw-bg-opacity))}.xpl-table thead{--tw-bg-opacity:1;background-color:rgba(250, 251, 252, var(--tw-bg-opacity))}.xpl-table thead th{font-weight:500;font-size:10px;line-height:0.875rem;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1.5rem;padding-right:1.5rem;text-align:left;--tw-text-opacity:1;color:rgba(102, 109, 125, var(--tw-text-opacity));white-space:nowrap}.xpl-table tbody>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity:1;border-color:rgba(228, 230, 235, var(--tw-divide-opacity))}.xpl-table tbody{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.xpl-table.xpl-table--striped tbody tr:nth-child(2n) td{--tw-bg-opacity:1;background-color:rgba(250, 251, 252, var(--tw-bg-opacity))}.xpl-table tbody tr td{padding-top:1rem;padding-bottom:1rem;padding-left:1.5rem;padding-right:1.5rem;white-space:nowrap;font-size:12px;line-height:1rem;--tw-text-opacity:1;color:rgba(102, 109, 125, var(--tw-text-opacity))}.xpl-table tbody tr td:first-child,.xpl-table p{font-weight:500;font-size:12px;line-height:1rem;--tw-text-opacity:1;color:rgba(33, 38, 51, var(--tw-text-opacity))}.xpl-table .wrap{white-space:normal}.xpl-table a{--tw-text-opacity:1;color:rgba(79, 70, 229, var(--tw-text-opacity))}.xpl-table a:hover{--tw-text-opacity:1;color:rgba(49, 46, 129, var(--tw-text-opacity))}.xpl-table label{cursor:pointer}.xpl-table input[type="checkbox"]{cursor:pointer;margin-right:1.5rem;vertical-align:middle}.xpl-table-row-selected td{--tw-bg-opacity:1 !important;background-color:rgba(244, 242, 255, var(--tw-bg-opacity)) !important}.xpl-tabs{margin-bottom:0.75rem;overflow-x:auto}.xpl-tabs nav>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.xpl-tabs nav{--tw-border-opacity:1;border-color:rgba(228, 230, 235, var(--tw-border-opacity));border-bottom-width:1px;display:flex;min-width:100%}.xpl-tabs a,.xpl-tabs button{border-color:transparent}.xpl-tabs a:hover,.xpl-tabs button:hover{--tw-border-opacity:1;border-color:rgba(228, 230, 235, var(--tw-border-opacity))}.xpl-tabs a,.xpl-tabs button{border-bottom-width:2px;display:flex;font-weight:500;font-size:12px;line-height:1rem;padding-left:0.25rem;padding-right:0.25rem;padding-top:1rem;padding-bottom:1rem;--tw-text-opacity:1;color:rgba(102, 109, 125, var(--tw-text-opacity))}.xpl-tabs a:hover,.xpl-tabs button:hover{--tw-text-opacity:1;color:rgba(68, 75, 92, var(--tw-text-opacity))}.xpl-tabs a,.xpl-tabs button{white-space:nowrap}.xpl-tabs a span,.xpl-tabs button span{--tw-bg-opacity:1;background-color:rgba(245, 247, 250, var(--tw-bg-opacity));border-radius:9999px;font-weight:500;font-size:10px;line-height:0.875rem;margin-left:0.75rem;padding-top:0.125rem;padding-bottom:0.125rem;padding-left:0.625rem;padding-right:0.625rem;--tw-text-opacity:1;color:rgba(33, 38, 51, var(--tw-text-opacity))}.xpl-tabs a.current,.xpl-tabs button.current{--tw-border-opacity:1;border-color:rgba(99, 102, 241, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(79, 70, 229, var(--tw-text-opacity))}.xpl-tabs a.current span,.xpl-tabs button.current span{--tw-bg-opacity:1;background-color:rgba(224, 231, 255, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(79, 70, 229, var(--tw-text-opacity))}

package/dist/apollo-core/apollo-core.esm.js

@@ -1 +1 @@
-import{p as e,b as t}from"./p-fc3282b6.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t([["p-9c2250b6",[[4,"xpl-button",{disabled:[4],href:[1],icon:[1],iconOnly:[4,"icon-only"],iconTrailing:[4,"icon-trailing"],size:[1],type:[1],variant:[1]}],[0,"xpl-pagination",{total:[2],perPage:[2,"per-page"],waitForCallback:[4,"wait-for-callback"],current:[32],goto:[64]}],[0,"xpl-table",{columns:[16],data:[16],fixed:[4],multiselect:[4],striped:[4],areAllSelected:[32],selected:[32]}]]]],e)));
+import{p as a,b as e}from"./p-3f7da885.js";(()=>{const e=import.meta.url,t={};return""!==e&&(t.resourcesUrl=new URL(".",e).href),a(t)})().then((a=>e([["p-b9df8412",[[4,"xpl-button",{disabled:[4],href:[1],icon:[1],iconOnly:[4,"icon-only"],iconTrailing:[4,"icon-trailing"],size:[1],type:[1],variant:[1]}],[0,"xpl-table",{columns:[16],data:[16],freeze:[4],multiselect:[4],striped:[4],areAllSelected:[32],rowData:[32],hasScrolled:[32],selected:[32]}]]],["p-5d786409",[[0,"xpl-pagination",{total:[2],perPage:[2,"per-page"],waitForCallback:[4,"wait-for-callback"],current:[32],goto:[64]}]]]],a)));

package/dist/apollo-core/p-3f7da885.js

@@ -0,0 +1 @@
+let e,t,l=!1,n=!1,o=!1,s=!1,r=!1;const c="undefined"!=typeof window?window:{},i=c.document||{head:{}},a={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,l,n)=>e.addEventListener(t,l,n),rel:(e,t,l,n)=>e.removeEventListener(t,l,n),ce:(e,t)=>new CustomEvent(e,t)},u=e=>Promise.resolve(e),f={},$=e=>"object"==(e=typeof e)||"function"===e,d=(e,t,...l)=>{let n=null,o=null,s=!1,r=!1,c=[];const i=t=>{for(let l=0;l<t.length;l++)n=t[l],Array.isArray(n)?i(n):null!=n&&"boolean"!=typeof n&&((s="function"!=typeof e&&!$(n))&&(n+=""),s&&r?c[c.length-1].o+=n:c.push(s?b(null,n):n),r=s)};if(i(l),t){t.name&&(o=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const a=b(e,null);return a.i=t,c.length>0&&(a.u=c),a.$=o,a},b=(e,t)=>({t:0,m:e,o:t,p:null,u:null,i:null,$:null}),m={},p=(e,t,l,n,o,s)=>{if(l!==n){let r=Y(e,t),i=t.toLowerCase();if("class"===t){const t=e.classList,o=w(l),s=w(n);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("ref"===t)n&&n(e);else if(r||"o"!==t[0]||"n"!==t[1]){const c=$(n);if((r||c&&null!==n)&&!o)try{if(e.tagName.includes("-"))e[t]=n;else{let o=null==n?"":n;"list"===t?r=!1:null!=l&&e[t]==o||(e[t]=o)}}catch(e){}null==n||!1===n?!1===n&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&s||o)&&!c&&e.setAttribute(t,n=!0===n?"":n)}else t="-"===t[2]?t.slice(3):Y(c,i)?i.slice(2):i[2]+t.slice(3),l&&a.rel(e,t,l,!1),n&&a.ael(e,t,n,!1)}},h=/\s/,w=e=>e?e.split(h):[],y=(e,t,l,n)=>{const o=11===t.p.nodeType&&t.p.host?t.p.host:t.p,s=e&&e.i||f,r=t.i||f;for(n in s)n in r||p(o,n,s[n],void 0,l,t.t);for(n in r)p(o,n,s[n],r[n],l,t.t)},g=(n,r,c)=>{let a,u,f,$=r.u[c],d=0;if(l||(o=!0,"slot"===$.m&&($.t|=$.u?2:1)),null!==$.o)a=$.p=i.createTextNode($.o);else if(1&$.t)a=$.p=i.createTextNode("");else{if(s||(s="svg"===$.m),a=$.p=i.createElementNS(s?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&$.t?"slot-fb":$.m),s&&"foreignObject"===$.m&&(s=!1),y(null,$,s),$.u)for(d=0;d<$.u.length;++d)u=g(n,$,d),u&&a.appendChild(u);"svg"===$.m?s=!1:"foreignObject"===a.tagName&&(s=!0)}return a["s-hn"]=t,3&$.t&&(a["s-sr"]=!0,a["s-cr"]=e,a["s-sn"]=$.$||"",f=n&&n.u&&n.u[c],f&&f.m===$.m&&n.p&&v(n.p,!1)),a},v=(e,l)=>{a.t|=1;const n=e.childNodes;for(let e=n.length-1;e>=0;e--){const s=n[e];s["s-hn"]!==t&&s["s-ol"]&&(P(s).insertBefore(s,M(s)),s["s-ol"].remove(),s["s-ol"]=void 0,o=!0),l&&v(s,l)}a.t&=-2},j=(e,t,l,n,o,s)=>{let r,c=e["s-cr"]&&e["s-cr"].parentNode||e;for(;o<=s;++o)n[o]&&(r=g(null,l,o),r&&(n[o].p=r,c.insertBefore(r,M(t))))},O=(e,t,l,o,s)=>{for(;t<=l;++t)(o=e[t])&&(s=o.p,L(o),n=!0,s["s-ol"]?s["s-ol"].remove():v(s,!0),s.remove())},k=(e,t)=>e.m===t.m&&("slot"!==e.m||e.$===t.$),M=e=>e&&e["s-ol"]||e,P=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,R=(e,t)=>{const l=t.p=e.p,n=e.u,o=t.u,r=t.m,c=t.o;let i;null===c?(s="svg"===r||"foreignObject"!==r&&s,"slot"===r||y(e,t,s),null!==n&&null!==o?((e,t,l,n)=>{let o,s=0,r=0,c=t.length-1,i=t[0],a=t[c],u=n.length-1,f=n[0],$=n[u];for(;s<=c&&r<=u;)null==i?i=t[++s]:null==a?a=t[--c]:null==f?f=n[++r]:null==$?$=n[--u]:k(i,f)?(R(i,f),i=t[++s],f=n[++r]):k(a,$)?(R(a,$),a=t[--c],$=n[--u]):k(i,$)?("slot"!==i.m&&"slot"!==$.m||v(i.p.parentNode,!1),R(i,$),e.insertBefore(i.p,a.p.nextSibling),i=t[++s],$=n[--u]):k(a,f)?("slot"!==i.m&&"slot"!==$.m||v(a.p.parentNode,!1),R(a,f),e.insertBefore(a.p,i.p),a=t[--c],f=n[++r]):(o=g(t&&t[r],l,r),f=n[++r],o&&P(i.p).insertBefore(o,M(i.p)));s>c?j(e,null==n[u+1]?null:n[u+1].p,l,n,r,u):r>u&&O(t,s,c)})(l,n,t,o):null!==o?(null!==e.o&&(l.textContent=""),j(l,null,t,o,0,o.length-1)):null!==n&&O(n,0,n.length-1),s&&"svg"===r&&(s=!1)):(i=l["s-cr"])?i.parentNode.textContent=c:e.o!==c&&(l.data=c)},T=e=>{let t,l,n,o,s,r,c=e.childNodes;for(l=0,n=c.length;l<n;l++)if(t=c[l],1===t.nodeType){if(t["s-sr"])for(s=t["s-sn"],t.hidden=!1,o=0;o<n;o++)if(r=c[o].nodeType,c[o]["s-hn"]!==t["s-hn"]||""!==s){if(1===r&&s===c[o].getAttribute("slot")){t.hidden=!0;break}}else if(1===r||3===r&&""!==c[o].textContent.trim()){t.hidden=!0;break}T(t)}},x=[],C=e=>{let t,l,o,s,r,c,i=0,a=e.childNodes,u=a.length;for(;i<u;i++){if(t=a[i],t["s-sr"]&&(l=t["s-cr"])&&l.parentNode)for(o=l.parentNode.childNodes,s=t["s-sn"],c=o.length-1;c>=0;c--)l=o[c],l["s-cn"]||l["s-nr"]||l["s-hn"]===t["s-hn"]||(E(l,s)?(r=x.find((e=>e.h===l)),n=!0,l["s-sn"]=l["s-sn"]||s,r?r.g=t:x.push({g:t,h:l}),l["s-sr"]&&x.map((e=>{E(e.h,l["s-sn"])&&(r=x.find((e=>e.h===l)),r&&!e.g&&(e.g=r.g))}))):x.some((e=>e.h===l))||x.push({h:l}));1===t.nodeType&&C(t)}},E=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,L=e=>{e.i&&e.i.ref&&e.i.ref(null),e.u&&e.u.map(L)},A=(e,t,l)=>{const n=(e=>Q(e).v)(e);return{emit:e=>F(n,t,{bubbles:!!(4&l),composed:!!(2&l),cancelable:!!(1&l),detail:e})}},F=(e,t,l)=>{const n=a.ce(t,l);return e.dispatchEvent(n),n},H=(e,t)=>{t&&!e.j&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.j=t)))},N=(e,t)=>{if(e.t|=16,!(4&e.t))return H(e,e.O),ie((()=>U(e,t)));e.t|=512},U=(e,t)=>{const l=e.k;let n;return t&&(n=z(l,"componentWillLoad")),B(n,(()=>W(e,l)))},W=async(e,t)=>{const l=e.v,n=l["s-rc"];q(e,t),n&&(n.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>V(e);0===t.length?n():(Promise.all(t).then(n),e.t|=4,t.length=0)}},q=(s,r)=>{try{r=r.render(),s.t&=-17,s.t|=2,((s,r)=>{const c=s.v,u=s.M,f=s.P||b(null,null),$=(e=>e&&e.m===m)(r)?r:d(null,null,r);if(t=c.tagName,$.m=null,$.t|=4,s.P=$,$.p=f.p=c,e=c["s-cr"],l=0!=(1&u.t),n=!1,R(f,$),a.t|=1,o){let e,t,l,n,o,s;C($.p);let r=0;for(;r<x.length;r++)e=x[r],t=e.h,t["s-ol"]||(l=i.createTextNode(""),l["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=l,t));for(r=0;r<x.length;r++)if(e=x[r],t=e.h,e.g){for(n=e.g.parentNode,o=e.g.nextSibling,l=t["s-ol"];l=l.previousSibling;)if(s=l["s-nr"],s&&s["s-sn"]===t["s-sn"]&&n===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&n!==t.parentNode||t.nextSibling!==o)&&t!==o&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),n.insertBefore(t,o))}else 1===t.nodeType&&(t.hidden=!0)}n&&T($.p),a.t&=-2,x.length=0})(s,r)}catch(e){Z(e,s.v)}return null},V=e=>{const t=e.v,l=e.O;64&e.t||(e.t|=64,D(t),e.R(t),l||_()),e.T(t),e.j&&(e.j(),e.j=void 0),512&e.t&&ce((()=>N(e,!1))),e.t&=-517},_=()=>{D(i.documentElement),ce((()=>F(c,"appload",{detail:{namespace:"apollo-core"}})))},z=(e,t,l)=>{if(e&&e[t])try{return e[t](l)}catch(e){Z(e)}},B=(e,t)=>e&&e.then?e.then(t):t(),D=e=>e.classList.add("hydrated"),G=(e,t,l)=>{if(t.C){const n=Object.entries(t.C),o=e.prototype;if(n.map((([e,[n]])=>{31&n||2&l&&32&n?Object.defineProperty(o,e,{get(){return((e,t)=>Q(this).L.get(t))(0,e)},set(l){((e,t,l,n)=>{const o=Q(e),s=o.L.get(t),r=o.t,c=o.k;l=((e,t)=>null==e||$(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(l,n.C[t][0]),8&r&&void 0!==s||l===s||(o.L.set(t,l),c&&2==(18&r)&&N(o,!1))})(this,e,l,t)},configurable:!0,enumerable:!0}):1&l&&64&n&&Object.defineProperty(o,e,{value(...t){const l=Q(this);return l.A.then((()=>l.k[e](...t)))}})})),1&l){const t=new Map;o.attributeChangedCallback=function(e,l,n){a.jmp((()=>{const l=t.get(e);this[l]=(null!==n||"boolean"!=typeof this[l])&&n}))},e.observedAttributes=n.filter((([e,t])=>15&t[0])).map((([e,l])=>{const n=l[1]||e;return t.set(n,e),n}))}}return e},I=e=>{const t=e["s-cr"]=i.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)},J=(e,t={})=>{const l=[],n=t.exclude||[],o=c.customElements,s=i.head,r=s.querySelector("meta[charset]"),u=i.createElement("style"),f=[];let $,d=!0;Object.assign(a,t),a.l=new URL(t.resourcesUrl||"./",i.baseURI).href,e.map((e=>e[1].map((t=>{const s={t:t[0],F:t[1],C:t[2],H:t[3]};s.C=t[2];const r=s.F,c=class extends HTMLElement{constructor(e){super(e),X(e=this,s)}connectedCallback(){$&&(clearTimeout($),$=null),d?f.push(this):a.jmp((()=>(e=>{if(0==(1&a.t)){const t=Q(e),l=t.M,n=()=>{};if(!(1&t.t)){t.t|=1,12&l.t&&I(e);{let l=e;for(;l=l.parentNode||l.host;)if(l["s-p"]){H(t,t.O=l);break}}l.C&&Object.entries(l.C).map((([t,[l]])=>{if(31&l&&e.hasOwnProperty(t)){const l=e[t];delete e[t],e[t]=l}})),(async(e,t,l,n,o)=>{if(0==(32&t.t)){if(t.t|=32,(o=te(l)).then){const e=()=>{};o=await o,e()}o.isProxied||(G(o,l,2),o.isProxied=!0);const e=()=>{};t.t|=8;try{new o(t)}catch(e){Z(e)}t.t&=-9,e()}const s=t.O,r=()=>N(t,!0);s&&s["s-rc"]?s["s-rc"].push(r):r()})(0,t,l)}n()}})(this)))}disconnectedCallback(){a.jmp((()=>{}))}componentOnReady(){return Q(this).N}};s.U=e[0],n.includes(r)||o.get(r)||(l.push(r),o.define(r,G(c,s,1)))})))),u.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",u.setAttribute("data-styles",""),s.insertBefore(u,r?r.nextSibling:s.firstChild),d=!1,f.length?f.map((e=>e.connectedCallback())):a.jmp((()=>$=setTimeout(_,30)))},K=new WeakMap,Q=e=>K.get(e),S=(e,t)=>K.set(t.k=e,t),X=(e,t)=>{const l={t:0,v:e,M:t,L:new Map};return l.A=new Promise((e=>l.T=e)),l.N=new Promise((e=>l.R=e)),e["s-p"]=[],e["s-rc"]=[],K.set(e,l)},Y=(e,t)=>t in e,Z=(e,t)=>(0,console.error)(e,t),ee=new Map,te=e=>{const t=e.F.replace(/-/g,"_"),l=e.U,n=ee.get(l);return n?n[t]:import(`./${l}.entry.js`).then((e=>(ee.set(l,e),e[t])),Z)},le=[],ne=[],oe=(e,t)=>l=>{e.push(l),r||(r=!0,t&&4&a.t?ce(re):a.raf(re))},se=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){Z(e)}e.length=0},re=()=>{se(le),se(ne),(r=le.length>0)&&a.raf(re)},ce=e=>u().then(e),ie=oe(ne,!0);export{m as H,J as b,A as c,d as h,u as p,S as r}

package/dist/apollo-core/p-5d786409.entry.js

@@ -0,0 +1 @@
+import{r as i,c as t,h as s,H as a}from"./p-3f7da885.js";const l=class{constructor(s){i(this,s),this.page=t(this,"page",7),this.current=1,this._goto=i=>{this.page.emit(i),this.waitForCallback||(this.current=i)},this.goPrev=()=>{this.current>1&&this._goto(this.current-1)},this.goNext=()=>{const i=Math.ceil(this.total/this.perPage);this.current<i&&this._goto(this.current+1)}}async goto(i){this.current=i}render(){const i=Math.ceil(this.total/this.perPage);let t=[1];i<7&&(t=[1,2,3,4,5,6]),t=this.current<=3||this.current>=i-2?[1,2,3,"...",i-2,i-1,i]:[1,"...",this.current-1,this.current,this.current+1,"...",i];const l=(this.current-1)*this.perPage+1,n=Math.min(l+this.perPage-1,this.total);return s(a,null,s("div",{class:"xpl-pagination"},s("div",null,s("p",null,"Showing ",s("span",null,l)," to ",s("span",null,n)," ","of ",s("span",null,this.total)," results")),s("div",null,s("nav",{"aria-label":"Pagination"},s("button",{onClick:this.goPrev,class:"xpl-pagination-prev"},s("span",null,"Previous"),s("svg",{viewBox:"0 0 20 20","aria-hidden":"true"},s("path",{"fill-rule":"evenodd",d:"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z","clip-rule":"evenodd"}))),t.map((i=>"..."===i?s("span",{class:"xpl-pagination-ellipsis"},"..."):s("button",i===this.current?{"aria-current":"page",class:"xpl-pagination-current"}:{onClick:()=>this._goto(i)},i))),s("button",{onClick:this.goNext,class:"xpl-pagination-next"},s("span",null,"Next"),s("svg",{viewBox:"0 0 20 20","aria-hidden":"true"},s("path",{"fill-rule":"evenodd",d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z","clip-rule":"evenodd"})))))))}};export{l as xpl_pagination}