@xplortech/apollo-core 0.0.0

package/build/style.css

@@ -0,0 +1,1129 @@
+/*! tailwindcss v2.1.4 | MIT License | https://tailwindcss.com */
+
+/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
+
+/*
+Document
+========
+*/
+
+/**
+Use a better box model (opinionated).
+*/
+
+[class^="xpl-"],
+[class^="xpl-"] *,
+[class^="xpl-"]::before,
+[class^="xpl-"] *::before,
+[class^="xpl-"]::after,
+[class^="xpl-"] *::after {
+  box-sizing: border-box;
+}
+
+/**
+Use a more readable tab size (opinionated).
+*/
+
+[class^="xpl-"] {
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+}
+
+/**
+1. Correct the line height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+*/
+
+[class^="xpl-"] {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/*
+Sections
+========
+*/
+
+/**
+Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
+*/
+
+[class^="xpl-"],
+[class^="xpl-"] * {
+  font-family: apple-system, system-ui, "Segoe UI", Arial, Helvetica, Roboto,
+    sans-serif;
+}
+
+/*
+Grouping content
+================
+*/
+
+/**
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+*/
+
+[class^="xpl-"] hr {
+  height: 0; /* 1 */
+  color: inherit; /* 2 */
+}
+
+/*
+Text-level semantics
+====================
+*/
+
+/**
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+[class^="xpl-"] abbr[title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+}
+
+/**
+Add the correct font weight in Edge and Safari.
+*/
+
+[class^="xpl-"] b,
+[class^="xpl-"] strong {
+  font-weight: bolder;
+}
+
+/**
+1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
+2. Correct the odd 'em' font sizing in all browsers.
+*/
+
+[class^="xpl-"] code,
+[class^="xpl-"] kbd,
+[class^="xpl-"] samp,
+[class^="xpl-"] pre {
+  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo,
+    monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+Add the correct font size in all browsers.
+*/
+
+[class^="xpl-"] small {
+  font-size: 80%;
+}
+
+/**
+Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
+*/
+
+[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;
+}
+
+/*
+Tabular data
+============
+*/
+
+/**
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+*/
+
+[class^="xpl-"] table,
+table[class^="xpl-"] {
+  text-indent: 0; /* 1 */
+  border-color: inherit; /* 2 */
+}
+
+/*
+Forms
+=====
+*/
+
+/**
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+*/
+
+[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: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+Remove the inheritance of text transform in Edge and Firefox.
+1. Remove the inheritance of text transform in Firefox.
+*/
+
+[class^="xpl-"] button,
+button[class^="xpl-"],
+[class^="xpl-"] select,
+select[class^="xpl-"] {
+  /* 1 */
+  text-transform: none;
+}
+
+/**
+Correct the inability to style clickable types in iOS and Safari.
+*/
+
+[class^="xpl-"] button,
+button[class^="xpl-"] [class^="xpl-"] [type="button"],
+[type="button"][class^="xpl-"] {
+  -webkit-appearance: button;
+}
+
+/**
+Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
+*/
+
+[class^="xpl-"] legend {
+  padding: 0;
+}
+
+/**
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+[class^="xpl-"] progress {
+  vertical-align: baseline;
+}
+
+/*
+Interactive
+===========
+*/
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+[class^="xpl-"] summary {
+  display: list-item;
+}
+
+/**
+ * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
+ * A thin layer on top of normalize.css that provides a starting point more
+ * suitable for web applications.
+ */
+
+/**
+ * Removes the default spacing and border for appropriate elements.
+ */
+
+[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;
+}
+
+/**
+ * Work around a Firefox/IE bug where the transparent `button` background
+ * results in a loss of the default `button` focus styles.
+ */
+
+[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;
+}
+
+/**
+ * Tailwind custom reset styles
+ */
+
+/**
+ * 1. Use the user's configured `sans` font-family (with Tailwind's default
+ *    sans-serif font stack as a fallback) as a sane default.
+ * 2. Use Tailwind's default "normal" line-height so the user isn't forced
+ *    to override it to ensure consistency even when using the default theme.
+ */
+
+[class^="xpl-"],
+[class^="xpl-"] * {
+  font-family: apple-system, system-ui, "Segoe UI", Arial, Helvetica, Roboto,
+    sans-serif; /* 1 */
+  line-height: 1.5; /* 2 */
+}
+
+/**
+ * 1. Prevent padding and border from affecting element width.
+ *
+ *    We used to set this in the html element and inherit from
+ *    the parent element for everything else. This caused issues
+ *    in shadow-dom-enhanced elements like <details> where the content
+ *    is wrapped by a div with box-sizing set to `content-box`.
+ *
+ *    https://github.com/mozdevs/cssremedy/issues/4
+ *
+ *
+ * 2. Allow adding a border to an element by just adding a border-width.
+ *
+ *    By default, the way the browser specifies that an element should have no
+ *    border is by setting it's border-style to `none` in the user-agent
+ *    stylesheet.
+ *
+ *    In order to easily add borders to elements by just setting the `border-width`
+ *    property, we change the default border-style for all elements to `solid`, and
+ *    use border-width to hide them instead. This way our `border` utilities only
+ *    need to set the `border-width` property instead of the entire `border`
+ *    shorthand, making our border utilities much more straightforward to compose.
+ *
+ *    https://github.com/tailwindcss/tailwindcss/pull/116
+ */
+
+[class^="xpl-"],
+[class^="xpl-"] *,
+[class^="xpl-"]::before,
+[class^="xpl-"] *::before,
+[class^="xpl-"]::after,
+[class^="xpl-"] *::after {
+  box-sizing: border-box; /* 1 */
+  border-width: 0; /* 2 */
+  border-style: solid; /* 2 */
+  border-color: #e5e7eb; /* 2 */
+}
+
+/*
+ * Ensure horizontal rules are visible by default
+ */
+
+[class^="xpl-"] hr {
+  border-top-width: 1px;
+}
+
+/**
+ * Undo the `border-style: none` reset that Normalize applies to images so that
+ * our `border-{width}` utilities have the expected effect.
+ *
+ * The Normalize reset is unnecessary for us since we default the border-width
+ * to 0 on all elements.
+ *
+ * https://github.com/tailwindcss/tailwindcss/issues/362
+ */
+
+[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;
+}
+
+/**
+ * Reset links to optimize for opt-in styling instead of
+ * opt-out.
+ */
+
+[class^="xpl-"] a {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+/**
+ * Reset form element properties that are easy to forget to
+ * style explicitly so you don't inadvertently introduce
+ * styles that deviate from your design system. These styles
+ * supplement a partial reset that is already applied by
+ * normalize.css.
+ */
+
+[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;
+}
+
+/**
+ * Use the configured 'mono' font family for elements that
+ * are expected to be rendered with a monospace font, falling
+ * back to the system monospace stack if there is no configured
+ * 'mono' font family.
+ */
+
+[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;
+}
+
+/**
+ * Make replaced elements `display: block` by default as that's
+ * the behavior you want almost all of the time. Inspired by
+ * CSS Remedy, with `svg` added as well.
+ *
+ * https://github.com/mozdevs/cssremedy/issues/14
+ */
+
+[class^="xpl-"] img,
+[class^="xpl-"] svg,
+[class^="xpl-"] video,
+[class^="xpl-"] canvas,
+[class^="xpl-"] audio,
+[class^="xpl-"] iframe,
+[class^="xpl-"] embed,
+[class^="xpl-"] object {
+  display: block;
+  vertical-align: middle;
+}
+
+/**
+ * Constrain images and videos to the parent width and preserve
+ * their intrinsic aspect ratio.
+ *
+ * https://github.com/mozdevs/cssremedy/issues/14
+ */
+
+[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;
+}
+
+.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: 0.625rem;
+  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: 0.75rem;
+  line-height: 1rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+
+.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: 0.75rem;
+  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: 0.75rem;
+  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: 0.75rem;
+  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: 0.75rem;
+  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: 0.75rem;
+  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);
+}
+
+@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: 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: 0.625rem;
+  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: 0.75rem;
+  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: 0.75rem;
+  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: 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: 0.75rem;
+  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: 0.625rem;
+  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));
+}