@peculiar/certificates-viewer 4.3.0 → 4.3.2

package/dist/collection/components/certificate-chain-viewer/certificate-chain-viewer.css

@@ -0,0 +1,1019 @@
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-size-adjust: none;
+  -webkit-text-size-adjust: none;
+  -webkit-tap-highlight-color: transparent;
+  font-family: var(--pv-font-family, inherit);
+}
+
+/**
+ * Typography variants.
+ */
+.t-h1 {
+  font-weight: var(--pv-text-h1-weight);
+  font-size: var(--pv-text-h1-size);
+  line-height: var(--pv-text-h1-height);
+  letter-spacing: var(--pv-text-h1-spacing);
+}
+
+.t-h2 {
+  font-weight: var(--pv-text-h2-weight);
+  font-size: var(--pv-text-h2-size);
+  line-height: var(--pv-text-h2-height);
+  letter-spacing: var(--pv-text-h2-spacing);
+}
+
+.t-h3 {
+  font-weight: var(--pv-text-h3-weight);
+  font-size: var(--pv-text-h3-size);
+  line-height: var(--pv-text-h3-height);
+  letter-spacing: var(--pv-text-h3-spacing);
+}
+
+.t-h4 {
+  font-weight: var(--pv-text-h4-weight);
+  font-size: var(--pv-text-h4-size);
+  line-height: var(--pv-text-h4-height);
+  letter-spacing: var(--pv-text-h4-spacing);
+}
+
+.t-h5 {
+  font-weight: var(--pv-text-h5-weight);
+  font-size: var(--pv-text-h5-size);
+  line-height: var(--pv-text-h5-height);
+  letter-spacing: var(--pv-text-h5-spacing);
+}
+
+.t-s1 {
+  font-weight: var(--pv-text-s1-weight);
+  font-size: var(--pv-text-s1-size);
+  line-height: var(--pv-text-s1-height);
+  letter-spacing: var(--pv-text-s1-spacing);
+}
+
+.t-s2 {
+  font-weight: var(--pv-text-s2-weight);
+  font-size: var(--pv-text-s2-size);
+  line-height: var(--pv-text-s2-height);
+  letter-spacing: var(--pv-text-s2-spacing);
+}
+
+.t-b1 {
+  font-weight: var(--pv-text-b1-weight);
+  font-size: var(--pv-text-b1-size);
+  line-height: var(--pv-text-b1-height);
+  letter-spacing: var(--pv-text-b1-spacing);
+}
+
+.t-b2 {
+  font-weight: var(--pv-text-b2-weight);
+  font-size: var(--pv-text-b2-size);
+  line-height: var(--pv-text-b2-height);
+  letter-spacing: var(--pv-text-b2-spacing);
+}
+
+.t-b3 {
+  font-weight: var(--pv-text-b3-weight);
+  font-size: var(--pv-text-b3-size);
+  line-height: var(--pv-text-b3-height);
+  letter-spacing: var(--pv-text-b3-spacing);
+}
+
+.t-btn1 {
+  font-weight: var(--pv-text-btn1-weight);
+  font-size: var(--pv-text-btn1-size);
+  line-height: var(--pv-text-btn1-height);
+  letter-spacing: var(--pv-text-btn1-spacing);
+}
+
+.t-btn2 {
+  font-weight: var(--pv-text-btn2-weight);
+  font-size: var(--pv-text-btn2-size);
+  line-height: var(--pv-text-btn2-height);
+  letter-spacing: var(--pv-text-btn2-spacing);
+}
+
+.t-c1 {
+  font-weight: var(--pv-text-c1-weight);
+  font-size: var(--pv-text-c1-size);
+  line-height: var(--pv-text-c1-height);
+  letter-spacing: var(--pv-text-c1-spacing);
+}
+
+.t-c2 {
+  font-weight: var(--pv-text-c2-weight);
+  font-size: var(--pv-text-c2-size);
+  line-height: var(--pv-text-c2-height);
+  letter-spacing: var(--pv-text-c2-spacing);
+}
+
+/**
+ *
+ */
+/**
+ * Color variants.
+ */
+.c-primary-tint-5 {
+  --pv-color-base: var(--pv-color-primary-tint-5);
+}
+
+.c-primary-tint-4 {
+  --pv-color-base: var(--pv-color-primary-tint-4);
+}
+
+.c-primary-tint-3 {
+  --pv-color-base: var(--pv-color-primary-tint-3);
+}
+
+.c-primary-tint-2 {
+  --pv-color-base: var(--pv-color-primary-tint-2);
+}
+
+.c-primary-tint-1 {
+  --pv-color-base: var(--pv-color-primary-tint-1);
+}
+
+.c-primary {
+  --pv-color-base: var(--pv-color-primary);
+}
+
+.c-primary-shade-1 {
+  --pv-color-base: var(--pv-color-primary-shade-1);
+}
+
+.c-primary-shade-2 {
+  --pv-color-base: var(--pv-color-primary-shade-2);
+}
+
+.c-primary-shade-3 {
+  --pv-color-base: var(--pv-color-primary-shade-3);
+}
+
+.c-primary-shade-4 {
+  --pv-color-base: var(--pv-color-primary-shade-4);
+}
+
+.c-primary-shade-5 {
+  --pv-color-base: var(--pv-color-primary-shade-5);
+}
+
+.c-primary-contrast {
+  --pv-color-base: var(--pv-color-primary-contrast);
+}
+
+.c-secondary-tint-5 {
+  --pv-color-base: var(--pv-color-secondary-tint-5);
+}
+
+.c-secondary-tint-4 {
+  --pv-color-base: var(--pv-color-secondary-tint-4);
+}
+
+.c-secondary-tint-3 {
+  --pv-color-base: var(--pv-color-secondary-tint-3);
+}
+
+.c-secondary-tint-2 {
+  --pv-color-base: var(--pv-color-secondary-tint-2);
+}
+
+.c-secondary-tint-1 {
+  --pv-color-base: var(--pv-color-secondary-tint-1);
+}
+
+.c-secondary {
+  --pv-color-base: var(--pv-color-secondary);
+}
+
+.c-secondary-shade-1 {
+  --pv-color-base: var(--pv-color-secondary-shade-1);
+}
+
+.c-secondary-shade-2 {
+  --pv-color-base: var(--pv-color-secondary-shade-2);
+}
+
+.c-secondary-shade-3 {
+  --pv-color-base: var(--pv-color-secondary-shade-3);
+}
+
+.c-secondary-shade-4 {
+  --pv-color-base: var(--pv-color-secondary-shade-4);
+}
+
+.c-secondary-shade-5 {
+  --pv-color-base: var(--pv-color-secondary-shade-5);
+}
+
+.c-secondary-contrast {
+  --pv-color-base: var(--pv-color-secondary-contrast);
+}
+
+.c-wrong-tint-5 {
+  --pv-color-base: var(--pv-color-wrong-tint-5);
+}
+
+.c-wrong-tint-4 {
+  --pv-color-base: var(--pv-color-wrong-tint-4);
+}
+
+.c-wrong-tint-3 {
+  --pv-color-base: var(--pv-color-wrong-tint-3);
+}
+
+.c-wrong-tint-2 {
+  --pv-color-base: var(--pv-color-wrong-tint-2);
+}
+
+.c-wrong-tint-1 {
+  --pv-color-base: var(--pv-color-wrong-tint-1);
+}
+
+.c-wrong {
+  --pv-color-base: var(--pv-color-wrong);
+}
+
+.c-wrong-shade-1 {
+  --pv-color-base: var(--pv-color-wrong-shade-1);
+}
+
+.c-wrong-shade-2 {
+  --pv-color-base: var(--pv-color-wrong-shade-2);
+}
+
+.c-wrong-shade-3 {
+  --pv-color-base: var(--pv-color-wrong-shade-3);
+}
+
+.c-wrong-shade-4 {
+  --pv-color-base: var(--pv-color-wrong-shade-4);
+}
+
+.c-wrong-shade-5 {
+  --pv-color-base: var(--pv-color-wrong-shade-5);
+}
+
+.c-wrong-contrast {
+  --pv-color-base: var(--pv-color-wrong-contrast);
+}
+
+.c-attention-tint-5 {
+  --pv-color-base: var(--pv-color-attention-tint-5);
+}
+
+.c-attention-tint-4 {
+  --pv-color-base: var(--pv-color-attention-tint-4);
+}
+
+.c-attention-tint-3 {
+  --pv-color-base: var(--pv-color-attention-tint-3);
+}
+
+.c-attention-tint-2 {
+  --pv-color-base: var(--pv-color-attention-tint-2);
+}
+
+.c-attention-tint-1 {
+  --pv-color-base: var(--pv-color-attention-tint-1);
+}
+
+.c-attention {
+  --pv-color-base: var(--pv-color-attention);
+}
+
+.c-attention-shade-1 {
+  --pv-color-base: var(--pv-color-attention-shade-1);
+}
+
+.c-attention-shade-2 {
+  --pv-color-base: var(--pv-color-attention-shade-2);
+}
+
+.c-attention-shade-3 {
+  --pv-color-base: var(--pv-color-attention-shade-3);
+}
+
+.c-attention-shade-4 {
+  --pv-color-base: var(--pv-color-attention-shade-4);
+}
+
+.c-attention-shade-5 {
+  --pv-color-base: var(--pv-color-attention-shade-5);
+}
+
+.c-success-tint-5 {
+  --pv-color-base: var(--pv-color-success-tint-5);
+}
+
+.c-success-tint-4 {
+  --pv-color-base: var(--pv-color-success-tint-4);
+}
+
+.c-success-tint-3 {
+  --pv-color-base: var(--pv-color-success-tint-3);
+}
+
+.c-success-tint-2 {
+  --pv-color-base: var(--pv-color-success-tint-2);
+}
+
+.c-success-tint-1 {
+  --pv-color-base: var(--pv-color-success-tint-1);
+}
+
+.c-success {
+  --pv-color-base: var(--pv-color-success);
+}
+
+.c-success-shade-1 {
+  --pv-color-base: var(--pv-color-success-shade-1);
+}
+
+.c-success-shade-2 {
+  --pv-color-base: var(--pv-color-success-shade-2);
+}
+
+.c-success-shade-3 {
+  --pv-color-base: var(--pv-color-success-shade-3);
+}
+
+.c-success-shade-4 {
+  --pv-color-base: var(--pv-color-success-shade-4);
+}
+
+.c-success-shade-5 {
+  --pv-color-base: var(--pv-color-success-shade-5);
+}
+
+.c-black {
+  --pv-color-base: var(--pv-color-black);
+}
+
+.c-gray-10 {
+  --pv-color-base: var(--pv-color-gray-10);
+}
+
+.c-gray-9 {
+  --pv-color-base: var(--pv-color-gray-9);
+}
+
+.c-gray-8 {
+  --pv-color-base: var(--pv-color-gray-8);
+}
+
+.c-gray-7 {
+  --pv-color-base: var(--pv-color-gray-7);
+}
+
+.c-gray-6 {
+  --pv-color-base: var(--pv-color-gray-6);
+}
+
+.c-gray-5 {
+  --pv-color-base: var(--pv-color-gray-5);
+}
+
+.c-gray-4 {
+  --pv-color-base: var(--pv-color-gray-4);
+}
+
+.c-gray-3 {
+  --pv-color-base: var(--pv-color-gray-3);
+}
+
+.c-gray-2 {
+  --pv-color-base: var(--pv-color-gray-2);
+}
+
+.c-gray-1 {
+  --pv-color-base: var(--pv-color-gray-1);
+}
+
+.c-white {
+  --pv-color-base: var(--pv-color-white);
+}
+
+.c-extra-1 {
+  --pv-color-base: var(--pv-color-extra-1);
+}
+
+.c-extra-2 {
+  --pv-color-base: var(--pv-color-extra-2);
+}
+
+/**
+ *
+ */
+.typography {
+  color: var(--pv-color-base);
+}
+
+.button {
+  display: inline-flex;
+  cursor: pointer;
+  background: transparent;
+  border: none;
+  user-select: none;
+  white-space: nowrap;
+  text-decoration: none;
+  outline: none;
+  font-family: inherit;
+  border-radius: 4px;
+  height: var(--pv-size-base-6);
+  min-width: var(--pv-size-base-6);
+  padding: 0 var(--pv-size-base-2);
+  transition: background-color 200ms ease 0s;
+  align-items: center;
+  justify-content: center;
+  gap: var(--pv-size-base-2);
+  font-size: 0;
+}
+.button.m_no_padding {
+  padding: 0;
+}
+.button:hover {
+  background-color: var(--pv-color-gray-3);
+}
+.button:focus {
+  background-color: var(--pv-color-gray-4);
+}
+.button:active {
+  background-color: var(--pv-color-gray-5);
+}
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-size-adjust: none;
+  -webkit-text-size-adjust: none;
+  -webkit-tap-highlight-color: transparent;
+  font-family: var(--pv-font-family, inherit);
+}
+
+/**
+ * Typography variants.
+ */
+.t-h1 {
+  font-weight: var(--pv-text-h1-weight);
+  font-size: var(--pv-text-h1-size);
+  line-height: var(--pv-text-h1-height);
+  letter-spacing: var(--pv-text-h1-spacing);
+}
+
+.t-h2 {
+  font-weight: var(--pv-text-h2-weight);
+  font-size: var(--pv-text-h2-size);
+  line-height: var(--pv-text-h2-height);
+  letter-spacing: var(--pv-text-h2-spacing);
+}
+
+.t-h3 {
+  font-weight: var(--pv-text-h3-weight);
+  font-size: var(--pv-text-h3-size);
+  line-height: var(--pv-text-h3-height);
+  letter-spacing: var(--pv-text-h3-spacing);
+}
+
+.t-h4 {
+  font-weight: var(--pv-text-h4-weight);
+  font-size: var(--pv-text-h4-size);
+  line-height: var(--pv-text-h4-height);
+  letter-spacing: var(--pv-text-h4-spacing);
+}
+
+.t-h5 {
+  font-weight: var(--pv-text-h5-weight);
+  font-size: var(--pv-text-h5-size);
+  line-height: var(--pv-text-h5-height);
+  letter-spacing: var(--pv-text-h5-spacing);
+}
+
+.t-s1 {
+  font-weight: var(--pv-text-s1-weight);
+  font-size: var(--pv-text-s1-size);
+  line-height: var(--pv-text-s1-height);
+  letter-spacing: var(--pv-text-s1-spacing);
+}
+
+.t-s2 {
+  font-weight: var(--pv-text-s2-weight);
+  font-size: var(--pv-text-s2-size);
+  line-height: var(--pv-text-s2-height);
+  letter-spacing: var(--pv-text-s2-spacing);
+}
+
+.t-b1 {
+  font-weight: var(--pv-text-b1-weight);
+  font-size: var(--pv-text-b1-size);
+  line-height: var(--pv-text-b1-height);
+  letter-spacing: var(--pv-text-b1-spacing);
+}
+
+.t-b2 {
+  font-weight: var(--pv-text-b2-weight);
+  font-size: var(--pv-text-b2-size);
+  line-height: var(--pv-text-b2-height);
+  letter-spacing: var(--pv-text-b2-spacing);
+}
+
+.t-b3 {
+  font-weight: var(--pv-text-b3-weight);
+  font-size: var(--pv-text-b3-size);
+  line-height: var(--pv-text-b3-height);
+  letter-spacing: var(--pv-text-b3-spacing);
+}
+
+.t-btn1 {
+  font-weight: var(--pv-text-btn1-weight);
+  font-size: var(--pv-text-btn1-size);
+  line-height: var(--pv-text-btn1-height);
+  letter-spacing: var(--pv-text-btn1-spacing);
+}
+
+.t-btn2 {
+  font-weight: var(--pv-text-btn2-weight);
+  font-size: var(--pv-text-btn2-size);
+  line-height: var(--pv-text-btn2-height);
+  letter-spacing: var(--pv-text-btn2-spacing);
+}
+
+.t-c1 {
+  font-weight: var(--pv-text-c1-weight);
+  font-size: var(--pv-text-c1-size);
+  line-height: var(--pv-text-c1-height);
+  letter-spacing: var(--pv-text-c1-spacing);
+}
+
+.t-c2 {
+  font-weight: var(--pv-text-c2-weight);
+  font-size: var(--pv-text-c2-size);
+  line-height: var(--pv-text-c2-height);
+  letter-spacing: var(--pv-text-c2-spacing);
+}
+
+/**
+ *
+ */
+/**
+ * Color variants.
+ */
+.c-primary-tint-5 {
+  --pv-color-base: var(--pv-color-primary-tint-5);
+}
+
+.c-primary-tint-4 {
+  --pv-color-base: var(--pv-color-primary-tint-4);
+}
+
+.c-primary-tint-3 {
+  --pv-color-base: var(--pv-color-primary-tint-3);
+}
+
+.c-primary-tint-2 {
+  --pv-color-base: var(--pv-color-primary-tint-2);
+}
+
+.c-primary-tint-1 {
+  --pv-color-base: var(--pv-color-primary-tint-1);
+}
+
+.c-primary {
+  --pv-color-base: var(--pv-color-primary);
+}
+
+.c-primary-shade-1 {
+  --pv-color-base: var(--pv-color-primary-shade-1);
+}
+
+.c-primary-shade-2 {
+  --pv-color-base: var(--pv-color-primary-shade-2);
+}
+
+.c-primary-shade-3 {
+  --pv-color-base: var(--pv-color-primary-shade-3);
+}
+
+.c-primary-shade-4 {
+  --pv-color-base: var(--pv-color-primary-shade-4);
+}
+
+.c-primary-shade-5 {
+  --pv-color-base: var(--pv-color-primary-shade-5);
+}
+
+.c-primary-contrast {
+  --pv-color-base: var(--pv-color-primary-contrast);
+}
+
+.c-secondary-tint-5 {
+  --pv-color-base: var(--pv-color-secondary-tint-5);
+}
+
+.c-secondary-tint-4 {
+  --pv-color-base: var(--pv-color-secondary-tint-4);
+}
+
+.c-secondary-tint-3 {
+  --pv-color-base: var(--pv-color-secondary-tint-3);
+}
+
+.c-secondary-tint-2 {
+  --pv-color-base: var(--pv-color-secondary-tint-2);
+}
+
+.c-secondary-tint-1 {
+  --pv-color-base: var(--pv-color-secondary-tint-1);
+}
+
+.c-secondary {
+  --pv-color-base: var(--pv-color-secondary);
+}
+
+.c-secondary-shade-1 {
+  --pv-color-base: var(--pv-color-secondary-shade-1);
+}
+
+.c-secondary-shade-2 {
+  --pv-color-base: var(--pv-color-secondary-shade-2);
+}
+
+.c-secondary-shade-3 {
+  --pv-color-base: var(--pv-color-secondary-shade-3);
+}
+
+.c-secondary-shade-4 {
+  --pv-color-base: var(--pv-color-secondary-shade-4);
+}
+
+.c-secondary-shade-5 {
+  --pv-color-base: var(--pv-color-secondary-shade-5);
+}
+
+.c-secondary-contrast {
+  --pv-color-base: var(--pv-color-secondary-contrast);
+}
+
+.c-wrong-tint-5 {
+  --pv-color-base: var(--pv-color-wrong-tint-5);
+}
+
+.c-wrong-tint-4 {
+  --pv-color-base: var(--pv-color-wrong-tint-4);
+}
+
+.c-wrong-tint-3 {
+  --pv-color-base: var(--pv-color-wrong-tint-3);
+}
+
+.c-wrong-tint-2 {
+  --pv-color-base: var(--pv-color-wrong-tint-2);
+}
+
+.c-wrong-tint-1 {
+  --pv-color-base: var(--pv-color-wrong-tint-1);
+}
+
+.c-wrong {
+  --pv-color-base: var(--pv-color-wrong);
+}
+
+.c-wrong-shade-1 {
+  --pv-color-base: var(--pv-color-wrong-shade-1);
+}
+
+.c-wrong-shade-2 {
+  --pv-color-base: var(--pv-color-wrong-shade-2);
+}
+
+.c-wrong-shade-3 {
+  --pv-color-base: var(--pv-color-wrong-shade-3);
+}
+
+.c-wrong-shade-4 {
+  --pv-color-base: var(--pv-color-wrong-shade-4);
+}
+
+.c-wrong-shade-5 {
+  --pv-color-base: var(--pv-color-wrong-shade-5);
+}
+
+.c-wrong-contrast {
+  --pv-color-base: var(--pv-color-wrong-contrast);
+}
+
+.c-attention-tint-5 {
+  --pv-color-base: var(--pv-color-attention-tint-5);
+}
+
+.c-attention-tint-4 {
+  --pv-color-base: var(--pv-color-attention-tint-4);
+}
+
+.c-attention-tint-3 {
+  --pv-color-base: var(--pv-color-attention-tint-3);
+}
+
+.c-attention-tint-2 {
+  --pv-color-base: var(--pv-color-attention-tint-2);
+}
+
+.c-attention-tint-1 {
+  --pv-color-base: var(--pv-color-attention-tint-1);
+}
+
+.c-attention {
+  --pv-color-base: var(--pv-color-attention);
+}
+
+.c-attention-shade-1 {
+  --pv-color-base: var(--pv-color-attention-shade-1);
+}
+
+.c-attention-shade-2 {
+  --pv-color-base: var(--pv-color-attention-shade-2);
+}
+
+.c-attention-shade-3 {
+  --pv-color-base: var(--pv-color-attention-shade-3);
+}
+
+.c-attention-shade-4 {
+  --pv-color-base: var(--pv-color-attention-shade-4);
+}
+
+.c-attention-shade-5 {
+  --pv-color-base: var(--pv-color-attention-shade-5);
+}
+
+.c-success-tint-5 {
+  --pv-color-base: var(--pv-color-success-tint-5);
+}
+
+.c-success-tint-4 {
+  --pv-color-base: var(--pv-color-success-tint-4);
+}
+
+.c-success-tint-3 {
+  --pv-color-base: var(--pv-color-success-tint-3);
+}
+
+.c-success-tint-2 {
+  --pv-color-base: var(--pv-color-success-tint-2);
+}
+
+.c-success-tint-1 {
+  --pv-color-base: var(--pv-color-success-tint-1);
+}
+
+.c-success {
+  --pv-color-base: var(--pv-color-success);
+}
+
+.c-success-shade-1 {
+  --pv-color-base: var(--pv-color-success-shade-1);
+}
+
+.c-success-shade-2 {
+  --pv-color-base: var(--pv-color-success-shade-2);
+}
+
+.c-success-shade-3 {
+  --pv-color-base: var(--pv-color-success-shade-3);
+}
+
+.c-success-shade-4 {
+  --pv-color-base: var(--pv-color-success-shade-4);
+}
+
+.c-success-shade-5 {
+  --pv-color-base: var(--pv-color-success-shade-5);
+}
+
+.c-black {
+  --pv-color-base: var(--pv-color-black);
+}
+
+.c-gray-10 {
+  --pv-color-base: var(--pv-color-gray-10);
+}
+
+.c-gray-9 {
+  --pv-color-base: var(--pv-color-gray-9);
+}
+
+.c-gray-8 {
+  --pv-color-base: var(--pv-color-gray-8);
+}
+
+.c-gray-7 {
+  --pv-color-base: var(--pv-color-gray-7);
+}
+
+.c-gray-6 {
+  --pv-color-base: var(--pv-color-gray-6);
+}
+
+.c-gray-5 {
+  --pv-color-base: var(--pv-color-gray-5);
+}
+
+.c-gray-4 {
+  --pv-color-base: var(--pv-color-gray-4);
+}
+
+.c-gray-3 {
+  --pv-color-base: var(--pv-color-gray-3);
+}
+
+.c-gray-2 {
+  --pv-color-base: var(--pv-color-gray-2);
+}
+
+.c-gray-1 {
+  --pv-color-base: var(--pv-color-gray-1);
+}
+
+.c-white {
+  --pv-color-base: var(--pv-color-white);
+}
+
+.c-extra-1 {
+  --pv-color-base: var(--pv-color-extra-1);
+}
+
+.c-extra-2 {
+  --pv-color-base: var(--pv-color-extra-2);
+}
+
+/**
+ *
+ */
+.typography {
+  color: var(--pv-color-base);
+}
+
+.button {
+  display: inline-flex;
+  cursor: pointer;
+  background: transparent;
+  border: none;
+  user-select: none;
+  white-space: nowrap;
+  text-decoration: none;
+  outline: none;
+  font-family: inherit;
+  border-radius: 4px;
+  height: var(--pv-size-base-6);
+  min-width: var(--pv-size-base-6);
+  padding: 0 var(--pv-size-base-2);
+  transition: background-color 200ms ease 0s;
+  align-items: center;
+  justify-content: center;
+  gap: var(--pv-size-base-2);
+  font-size: 0;
+}
+.button.m_no_padding {
+  padding: 0;
+}
+.button:hover {
+  background-color: var(--pv-color-gray-3);
+}
+.button:focus {
+  background-color: var(--pv-color-gray-4);
+}
+.button:active {
+  background-color: var(--pv-color-gray-5);
+}
+
+:host {
+  display: block;
+  width: 100%;
+  position: relative;
+  min-width: 280px;
+  min-height: 300px;
+  word-wrap: break-word;
+  word-break: break-word;
+}
+
+th, td {
+  border: none;
+}
+
+table {
+  width: 100%;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+table td {
+  padding: var(--pv-size-base-2) var(--pv-size-base-4);
+  vertical-align: top;
+}
+table td:first-child {
+  width: 220px;
+}
+table td:last-child {
+  width: calc(100% - 220px);
+}
+table td.monospace {
+  max-width: 0;
+}
+table td.divider {
+  padding: var(--pv-size-base-2) 0;
+}
+table td.divider span {
+  height: 1px;
+  display: block;
+  background-color: var(--pv-color-gray-4);
+}
+table .title td {
+  padding-top: var(--pv-size-base-6);
+  padding-bottom: var(--pv-size-base-2);
+}
+table table {
+  border-left: 1px solid var(--pv-color-gray-5);
+}
+
+.status_wrapper {
+  min-height: inherit;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+:host([data-mobile-screen-view=true]) table, :host([data-mobile-screen-view=true]) tr, :host([data-mobile-screen-view=true]) td {
+  display: block;
+}
+:host([data-mobile-screen-view=true]) table tr {
+  padding: var(--pv-size-base-2) 0;
+}
+:host([data-mobile-screen-view=true]) table tr.title {
+  padding-top: var(--pv-size-base-6);
+}
+:host([data-mobile-screen-view=true]) table tr.title td {
+  padding: 0 var(--pv-size-base-4);
+}
+:host([data-mobile-screen-view=true]) table td {
+  padding: 0 var(--pv-size-base-4);
+  width: 100% !important;
+  max-width: 100% !important;
+}
+:host([data-mobile-screen-view=true]) table td.divider {
+  padding: 0;
+}
+
+:host {
+  display: block;
+  width: 100%;
+}
+
+.tabs {
+  white-space: nowrap;
+  overflow-x: auto;
+  border-bottom: 1px solid var(--pv-color-gray-4);
+  padding: 0 var(--pv-size-base-4);
+  margin-bottom: var(--pv-size-base-6);
+}
+
+.tab {
+  font-family: inherit;
+  outline: none;
+  cursor: pointer;
+  box-sizing: border-box;
+  border: none;
+  border-bottom: 3px solid transparent;
+  min-height: var(--pv-size-base-12);
+  height: 100%;
+  padding: 0 var(--pv-size-base-3);
+  background-color: transparent;
+  transition: background-color 200ms, color 200ms, border-color 200ms;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-decoration: none;
+  font-weight: var(--pv-text-s2-weight);
+  font-size: var(--pv-text-s2-size);
+  line-height: var(--pv-text-s2-height);
+  letter-spacing: var(--pv-text-s2-spacing);
+  color: var(--pv-color-gray-10);
+}
+.tab:hover {
+  background-color: var(--pv-color-secondary-tint-5);
+}
+.tab[aria-selected=true] {
+  color: var(--pv-color-black);
+  border-color: var(--pv-color-secondary);
+}
+
+.status_wrapper {
+  min-height: inherit;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}