@scalar/api-reference 1.48.7 → 1.49.0

package/dist/helpers/storage.d.ts

@@ -88,10 +88,10 @@ export declare const authStorage: () => {
                 }) | undefined;
             }) | {
                 implicit?: ({
-                    refreshUrl: string;
                     scopes: {
                         [x: string]: string;
                     };
+                    refreshUrl: string;
                 } & {
                     'x-scalar-security-query'?: {
                         [x: string]: string;
@@ -118,10 +118,10 @@ export declare const authStorage: () => {
                     'x-scalar-secret-redirect-uri': string;
                 }) | undefined;
                 password?: ({
-                    refreshUrl: string;
                     scopes: {
                         [x: string]: string;
                     };
+                    refreshUrl: string;
                 } & {
                     'x-scalar-security-query'?: {
                         [x: string]: string;
@@ -155,10 +155,10 @@ export declare const authStorage: () => {
                     'x-scalar-credentials-location'?: "body" | "header" | undefined;
                 }) | undefined;
                 clientCredentials?: ({
-                    refreshUrl: string;
                     scopes: {
                         [x: string]: string;
                     };
+                    refreshUrl: string;
                 } & {
                     'x-scalar-security-query'?: {
                         [x: string]: string;
@@ -189,10 +189,10 @@ export declare const authStorage: () => {
                     'x-scalar-credentials-location'?: "body" | "header" | undefined;
                 }) | undefined;
                 authorizationCode?: ({
-                    refreshUrl: string;
                     scopes: {
                         [x: string]: string;
                     };
+                    refreshUrl: string;
                 } & {
                     'x-scalar-security-query'?: {
                         [x: string]: string;

package/dist/ssr.d.ts

@@ -0,0 +1,22 @@
+/**
+ * SSR entry point for @scalar/api-reference.
+ *
+ * Re-exports the same components as the main entry. The ApiReference component
+ * is SSR-compatible and works with createSSRApp and renderToString from
+ * @vue/server-renderer.
+ *
+ * @example
+ * ```ts
+ * import { createSSRApp } from 'vue'
+ * import { renderToString } from '@vue/server-renderer'
+ * import { ApiReference } from '@scalar/api-reference/ssr'
+ *
+ * const app = createSSRApp({
+ *   render: () => h(ApiReference, { configuration: { url: '/openapi.json' } }),
+ * })
+ * const html = await renderToString(app)
+ * ```
+ */
+export type { ApiReferenceConfiguration, ReferenceProps } from './index.js';
+export { ApiReference, GettingStarted, SearchButton, SearchModal, createApiReference, createEmptySpecification, } from './index.js';
+//# sourceMappingURL=ssr.d.ts.map

package/dist/ssr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr.d.ts","sourceRoot":"","sources":["../src/ssr.ts"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,YAAY,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AACxE,OAAO,EACL,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,WAAW,EACX,kBAAkB,EAClB,wBAAwB,GACzB,MAAM,SAAS,CAAA"}

package/dist/ssr.js

@@ -0,0 +1,14 @@
+import { default as default2 } from "./features/Search/components/SearchButton.vue.js";
+import { default as default3 } from "./components/ApiReference.vue.js";
+import { default as default4 } from "./components/GettingStarted.vue.js";
+import { default as default5 } from "./features/Search/components/SearchModal.vue.js";
+import { createApiReference } from "./standalone/lib/html-api.js";
+import { createEmptySpecification } from "./helpers/openapi.js";
+export {
+  default3 as ApiReference,
+  default4 as GettingStarted,
+  default2 as SearchButton,
+  default5 as SearchModal,
+  createApiReference,
+  createEmptySpecification
+};

package/dist/style.css

@@ -606,7 +606,7 @@ code.property-detail-value[data-v-1295f965] {
   text-decoration: line-through;
 }
 
-.property[data-v-8d72f803] {
+.property[data-v-6031fee6] {
   color: var(--scalar-color-1);
   display: flex;
   flex-direction: column;
@@ -616,7 +616,7 @@ code.property-detail-value[data-v-1295f965] {
 }
 
 /** Remove top padding for top level schema card */
-.property.property--level-0[data-v-8d72f803]:has(
+.property.property--level-0[data-v-6031fee6]:has(
     > .property-rule
       > .schema-card
       > .schema-properties.schema-properties-open
@@ -625,25 +625,25 @@ code.property-detail-value[data-v-1295f965] {
   ) {
   padding-top: 0;
 }
-.property--compact.property--level-0[data-v-8d72f803],
-.property--compact.property--level-1[data-v-8d72f803] {
+.property--compact.property--level-0[data-v-6031fee6],
+.property--compact.property--level-1[data-v-6031fee6] {
   padding: 10px 0;
 }
-.composition-panel .property.property.property.property--level-0[data-v-8d72f803] {
+.composition-panel .property.property.property.property--level-0[data-v-6031fee6] {
   padding: 0px;
 }
 .property--compact.property--level-0
   .composition-panel
-  .property--compact.property--level-1[data-v-8d72f803] {
+  .property--compact.property--level-1[data-v-6031fee6] {
   padding: 8px;
 }
 
 /*  if a property doesn't have a heading, remove the top padding */
-.property[data-v-8d72f803]:has(> .property-rule:nth-of-type(1)):not(.property--compact) {
+.property[data-v-6031fee6]:has(> .property-rule:nth-of-type(1)):not(.property--compact) {
   padding-top: 8px;
   padding-bottom: 8px;
 }
-.property--deprecated[data-v-8d72f803] {
+.property--deprecated[data-v-6031fee6] {
   background: repeating-linear-gradient(
     -45deg,
     var(--scalar-background-2) 0,
@@ -653,46 +653,46 @@ code.property-detail-value[data-v-1295f965] {
   );
   background-size: 100%;
 }
-.property--deprecated[data-v-8d72f803] > * {
+.property--deprecated[data-v-6031fee6] > * {
   opacity: 0.75;
 }
-.property-description[data-v-8d72f803] {
+.property-description[data-v-6031fee6] {
   margin-top: 6px;
   line-height: 1.4;
   font-size: var(--scalar-small);
 }
-.property-description[data-v-8d72f803]:has(+ .property-rule) {
+.property-description[data-v-6031fee6]:has(+ .property-rule) {
   margin-bottom: 9px;
 }
-[data-v-8d72f803] .property-description * {
+[data-v-6031fee6] .property-description * {
   color: var(--scalar-color-2) !important;
 }
-.property[data-v-8d72f803]:not(:last-of-type) {
+.property[data-v-6031fee6]:not(:last-of-type) {
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.property-description + .children[data-v-8d72f803],
-.children + .property-rule[data-v-8d72f803] {
+.property-description + .children[data-v-6031fee6],
+.children + .property-rule[data-v-6031fee6] {
   margin-top: 9px;
 }
-.children[data-v-8d72f803] {
+.children[data-v-6031fee6] {
   display: flex;
   flex-direction: column;
 }
-.children .property--compact.property--level-1[data-v-8d72f803] {
+.children .property--compact.property--level-1[data-v-6031fee6] {
   padding: 12px;
 }
-.property-example-value[data-v-8d72f803] {
+.property-example-value[data-v-6031fee6] {
   all: unset;
   font-family: var(--scalar-font-code);
   padding: 6px;
   border-top: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.property-rule[data-v-8d72f803] {
+.property-rule[data-v-6031fee6] {
   border-radius: var(--scalar-radius-lg);
   display: flex;
   flex-direction: column;
 }
-.property-rule[data-v-8d72f803]
+.property-rule[data-v-6031fee6]
   
     .composition-panel
       .schema-card--level-1
@@ -700,7 +700,7 @@ code.property-detail-value[data-v-1295f965] {
    {
   border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);
 }
-.property-rule[data-v-8d72f803]
+.property-rule[data-v-6031fee6]
   .composition-panel > .schema-card > .schema-card-description {
   padding: 10px;
   border-left: var(--scalar-border-width) solid var(--scalar-border-color);
@@ -709,29 +709,29 @@ code.property-detail-value[data-v-1295f965] {
     margin-top: 0;
 }
 }
-.property-example[data-v-8d72f803] {
+.property-example[data-v-6031fee6] {
   background: transparent;
   border: none;
   display: flex;
   flex-direction: row;
   gap: 8px;
 }
-.property-example-label[data-v-8d72f803],
-.property-example-value[data-v-8d72f803] {
+.property-example-label[data-v-6031fee6],
+.property-example-value[data-v-6031fee6] {
   padding: 3px 0 0 0;
 }
-.property-example-value[data-v-8d72f803] {
+.property-example-value[data-v-6031fee6] {
   background: var(--scalar-background-2);
   border-top: 0;
   border-radius: var(--scalar-radius);
   padding: 3px 4px;
 }
-.property-name[data-v-8d72f803] {
+.property-name[data-v-6031fee6] {
   font-family: var(--scalar-font-code);
   font-weight: var(--scalar-semibold);
 }
-.property-name-additional-properties[data-v-8d72f803]::before,
-.property-name-pattern-properties[data-v-8d72f803]::before {
+.property-name-additional-properties[data-v-6031fee6]::before,
+.property-name-pattern-properties[data-v-6031fee6]::before {
   text-transform: uppercase;
   font-size: var(--scalar-micro);
   display: inline-block;
@@ -742,11 +742,11 @@ code.property-detail-value[data-v-1295f965] {
   background-color: var(--scalar-background-2);
   margin-right: 4px;
 }
-.property-name-pattern-properties[data-v-8d72f803]::before {
+.property-name-pattern-properties[data-v-6031fee6]::before {
   content: 'regex';
 }
-.property-name-additional-properties[data-v-8d72f803],
-.property-name-pattern-properties[data-v-8d72f803] {
+.property-name-additional-properties[data-v-6031fee6],
+.property-name-pattern-properties[data-v-6031fee6] {
   border: 1px dashed var(--scalar-border-color);
   color: var(--scalar-color-accent);
   display: inline-block;
@@ -1774,72 +1774,70 @@ button.headers-card-title[data-v-ab19704d]:hover {
 }
 }
 
-.ask-agent-scalar-input[data-v-f43e32ab] {
-  all: initial;
-  color: var(--scalar-color-1);
-  appearance: none;
-  border: none;
-  white-space: nowrap;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-weight: var(--scalar-regular);
-  font-size: var(--scalar-small);
-  line-height: 22px;
-  font-family: var(--scalar-font);
-  position: relative;
-  cursor: pointer;
-  box-sizing: border-box;
-  outline: none;
-  outline-offset: 2px;
-  field-sizing: content;
-  max-width: 88px;
-}
-.ask-agent-scalar-input[data-v-f43e32ab]:focus {
-  cursor: text;
-  width: 100% !important;
-  max-width: calc(100% - 50px);
-}
-.ask-agent-scalar-input[data-v-f43e32ab]:not(:placeholder-shown) {
-  width: 100% !important;
-  height: 100%;
-  field-sizing: border-box;
-  cursor: text;
-  max-width: calc(100% - 50px);
-}
-.ask-agent-scalar-input[data-v-f43e32ab]::placeholder {
-  color: var(--scalar-color-1);
-  font-family: var(--scalar-font);
-}
-.ask-agent-scalar-input[data-v-f43e32ab]:focus::placeholder {
-  color: var(--scalar-color-2);
-}
-.agent-button-container[data-v-f43e32ab] {
+/** Container */
+.agent-button-container[data-v-78f5377c] {
   position: relative;
   color: var(--scalar-color-1);
   background: color-mix(in srgb, var(--scalar-background-3), white 15%);
   display: flex;
   align-items: center;
+  cursor: pointer;
   padding: 1px 6px;
   margin-right: 4px;
   border-radius: var(--scalar-radius);
-  gap: 4px;
   z-index: 2;
   height: 100%;
 }
-.agent-button-container[data-v-f43e32ab]:hover:not(:focus-within) {
+.agent-button-container[data-v-78f5377c]:hover:not(:focus-within) {
   background: color-mix(in srgb, var(--scalar-background-3), white 20%);
 }
-.agent-button-container[data-v-f43e32ab]:has(.ask-agent-scalar-input:not(:placeholder-shown)),
-.agent-button-container[data-v-f43e32ab]:focus-within {
-  width: calc(100% - 4px);
-  height: calc(100% - 4px);
+.agent-button-container[data-v-78f5377c]:has(.ask-agent-scalar-input-not-empty),
+.agent-button-container[data-v-78f5377c]:focus-within {
   position: absolute;
-  left: 2px;
-  top: 2px;
-  border-radius: var(--scalar-radius);
+  inset: 2px;
+  border-radius: var(--scalar-radius-lg);
+  margin-right: 0;
+  height: auto;
+}
+.agent-button-container[data-v-78f5377c]:has(.ask-agent-scalar-input:focus-visible) {
+  outline-style: solid;
+}
+/** Input */
+.ask-agent-scalar-input[data-v-78f5377c] {
+  width: 0px;
+  opacity: 0;
+  font-size: 0px;
+  border: none;
+}
+.agent-button-container:has(.ask-agent-scalar-input-not-empty)
+  .ask-agent-scalar-input[data-v-78f5377c],
+.agent-button-container:focus-within .ask-agent-scalar-input[data-v-78f5377c] {
+  width: 100%;
+  font-size: inherit;
+  opacity: 1;
+  line-height: 20px;
+  outline: none;
+  padding-inline: 4px;
+}
+.ask-agent-scalar-input[data-v-78f5377c]::placeholder {
+  color: var(--scalar-color-2);
+  font-family: inherit;
+}
+/** Input label */
+.ask-agent-scalar-input-label[data-v-78f5377c] {
+  /** Shown by default */
+  color: var(--scalar-color-1);
+  font-weight: var(--scalar-semibold);
+  margin-left: 4px;
+}
+.agent-button-container:has(.ask-agent-scalar-input-not-empty)
+  .ask-agent-scalar-input-label[data-v-78f5377c],
+.agent-button-container:focus-within .ask-agent-scalar-input-label[data-v-78f5377c] {
+  /** Hidden when input is focused */
+  display: none;
 }
-.ask-agent-scalar-send[data-v-f43e32ab] {
+/** Send button */
+.ask-agent-scalar-send[data-v-78f5377c] {
   background: var(--scalar-color-blue);
   color: #fff;
   width: 24px;
@@ -1849,20 +1847,18 @@ button.headers-card-title[data-v-ab19704d]:hover {
   justify-content: center;
   align-items: center;
   border-radius: var(--scalar-radius);
-  margin-left: auto;
+  outline-offset: 1px;
+  /* Hidden by default */
   display: none;
 }
-.ask-agent-scalar-send[data-v-f43e32ab]:hover {
-  background: color-mix(
-    in srgb,
-    var(--scalar-color-blue),
-    transparent 10%
-  ) !important;
-}
-.agent-button-container:has(.ask-agent-scalar-input:not(:placeholder-shown))
-  .ask-agent-scalar-send[data-v-f43e32ab] {
+.agent-button-container:has(.ask-agent-scalar-input-not-empty)
+  .ask-agent-scalar-send[data-v-78f5377c] {
+  /** Show when input is not empty */
   display: flex;
 }
+.ask-agent-scalar-send[data-v-78f5377c]:hover {
+  background: color-mix(in srgb, var(--scalar-color-blue), transparent 10%);
+}
 
 @container narrow-references-container (max-width: 900px) {
 .section-content--with-columns[data-v-9735459e] {
@@ -1977,10 +1973,10 @@ button.headers-card-title[data-v-ab19704d]:hover {
   width: 100%;
 }
 
-.section-container[data-v-0d42fbc8] {
+.section-container[data-v-8f1a275c] {
   border-top: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.section-container[data-v-0d42fbc8]:has(.show-more) {
+.section-container[data-v-8f1a275c]:has(.show-more) {
   background-color: color-mix(in srgb, var(--scalar-background-2), transparent);
 }
 
@@ -2669,6 +2665,7 @@ to {
 }
 }
 :root, :host {
+    --leading-tight: 1.25;
     --leading-snug: 1.375;
     --leading-normal: 1.5;
     --leading-relaxed: 1.625;
@@ -3573,6 +3570,7 @@ body {
     --ease-in-out: cubic-bezier(.4, 0, .2, 1);
     --default-transition-duration: .15s;
     --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+    --leading-tight: 1.25;
     --leading-normal: 1.5;
     --leading-relaxed: 1.625;
     --animate-spin: spin 1s linear infinite;
@@ -4133,11 +4131,6 @@ body {
   inherits: false;
   initial-value: 0;
 }
-@property --tw-divide-y-reverse {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
 @property --tw-mask-linear {
   syntax: "*";
   inherits: false;
@@ -8865,6 +8858,10 @@ to {
   --tw-leading: var(--leading-snug);
   line-height: var(--leading-snug);
 }
+.scalar-app .leading-tight {
+  --tw-leading: var(--leading-tight);
+  line-height: var(--leading-tight);
+}
 .scalar-app .font-bold {
   --tw-font-weight: var(--scalar-bold);
   font-weight: var(--scalar-bold);
@@ -9955,6 +9952,9 @@ to {
 .app-platform-mac :is(.scalar-app .mac\:h-12) {
   height: 48px;
 }
+.app-platform-mac :is(.scalar-app .mac\:pt-12) {
+  padding-top: 48px;
+}
 .app-platform-mac :is(.scalar-app .mac\:pl-\[72px\]) {
   padding-left: 72px;
 }
@@ -10871,11 +10871,11 @@ to {
 .address-bar-bg-states:has(.cm-focused) .fade-left[data-v-f5565642], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-f5565642] {
   --scalar-address-bar-bg: var(--scalar-background-1);
 }
-.app-exit-button[data-v-192fe698] {
+.app-exit-button[data-v-0e03d0d8] {
   color: #fff;
   background: #0000001a;
 }
-.app-exit-button[data-v-192fe698]:hover {
+.app-exit-button[data-v-0e03d0d8]:hover {
   background: #ffffff1a;
 }
 .fade-request-section-content[data-v-f97cc68c] {
@@ -10997,7 +10997,7 @@ to {
   -webkit-mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
   mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
 }
-[data-v-fd127758] .cm-content {
+[data-v-0fdec6da] .cm-content {
   font-size: var(--scalar-small);
 }
 .form-group[data-v-43df1726] {
@@ -11053,31 +11053,31 @@ input[data-v-3157c3c7]::placeholder {
   -webkit-text-security: disc;
   -moz-text-security: disc;
 }
-.request-section-content[data-v-22abab53] {
+.request-section-content[data-v-98af86fe] {
   --scalar-border-width: .5px;
 }
-.request-section-content-filter[data-v-22abab53] {
+.request-section-content-filter[data-v-98af86fe] {
   box-shadow: 0 -10px 0 10px var(--scalar-background-1);
 }
-.request-item:focus-within .request-meta-buttons[data-v-22abab53] {
+.request-item:focus-within .request-meta-buttons[data-v-98af86fe] {
   opacity: 1;
 }
-.group-hover-input[data-v-22abab53] {
+.group-hover-input[data-v-98af86fe] {
   border-width: var(--scalar-border-width);
   border-color: #0000;
 }
-.group:hover .group-hover-input[data-v-22abab53] {
+.group:hover .group-hover-input[data-v-98af86fe] {
   background: var(--scalar-background-1);
 }
 @supports (color: color-mix(in lab, red, red)) {
-.group:hover .group-hover-input[data-v-22abab53] {
+.group:hover .group-hover-input[data-v-98af86fe] {
     background: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
 }
 }
-.group:hover .group-hover-input[data-v-22abab53] {
+.group:hover .group-hover-input[data-v-98af86fe] {
   border-color: var(--scalar-border-color);
 }
-.group-hover-input[data-v-22abab53]:focus {
+.group-hover-input[data-v-98af86fe]:focus {
   border-color: var(--scalar-border-color) !important;
   background: none !important;
 }
@@ -12434,6 +12434,11 @@ to {
   syntax: "*";
   inherits: false
 }
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -12623,7 +12628,7 @@ to {
 
 /* Configurable Layout Variables */
 @layer scalar-config {
-.scalar-api-reference[data-v-148cccbd] {
+.scalar-api-reference[data-v-f95a4f7c] {
     /* The header height */
     --refs-header-height: calc(
       var(--scalar-custom-header-height, 0px) + var(--scalar-header-height, 0px)
@@ -12645,20 +12650,20 @@ to {
     /* The maximum width of the content column */
     --refs-content-max-width: var(--scalar-content-max-width, 1540px);
 }
-.scalar-api-reference.references-classic[data-v-148cccbd] {
+.scalar-api-reference.references-classic[data-v-f95a4f7c] {
     /* Classic layout is wider */
     --refs-content-max-width: var(--scalar-content-max-width, 1420px);
     min-height: 100dvh;
     --refs-sidebar-width: 0;
 }
 }
-.t-doc__sidebar[data-v-148cccbd] {
+.t-doc__sidebar[data-v-f95a4f7c] {
   z-index: 10;
 }
 
 /* ----------------------------------------------------- */
 /* References Layout */
-.references-layout[data-v-148cccbd] {
+.references-layout[data-v-f95a4f7c] {
   /* Try to fill the container */
   min-height: 100dvh;
   min-width: 100%;
@@ -12682,39 +12687,39 @@ to {
 
   background: var(--scalar-background-1);
 }
-.references-editor[data-v-148cccbd] {
+.references-editor[data-v-f95a4f7c] {
   grid-area: editor;
   display: flex;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.references-rendered[data-v-148cccbd] {
+.references-rendered[data-v-f95a4f7c] {
   position: relative;
   grid-area: rendered;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.scalar-api-reference.references-classic[data-v-148cccbd],
-.references-classic .references-rendered[data-v-148cccbd] {
+.scalar-api-reference.references-classic[data-v-f95a4f7c],
+.references-classic .references-rendered[data-v-f95a4f7c] {
   height: initial !important;
   max-height: initial !important;
 }
 @layer scalar-config {
-.references-sidebar[data-v-148cccbd] {
+.references-sidebar[data-v-f95a4f7c] {
     /* Set a default width if references are enabled */
     --refs-sidebar-width: var(--scalar-sidebar-width, 288px);
 }
 }
 
 /* Footer */
-.references-footer[data-v-148cccbd] {
+.references-footer[data-v-f95a4f7c] {
   grid-area: footer;
 }
 /* ----------------------------------------------------- */
 /* Responsive / Mobile Layout */
 @media (max-width: 1000px) {
   /* Stack view on mobile */
-.references-layout[data-v-148cccbd] {
+.references-layout[data-v-f95a4f7c] {
     /* Adjust the sidebar height to the viewport height minus the header height */
     --refs-sidebar-height: calc(
       var(--full-height, 100dvh) - var(--scalar-custom-header-height, 0px)
@@ -12729,13 +12734,13 @@ to {
       'rendered'
       'footer';
 }
-.references-editable[data-v-148cccbd] {
+.references-editable[data-v-f95a4f7c] {
     grid-template-areas:
       'header'
       'navigation'
       'editor';
 }
-.references-rendered[data-v-148cccbd] {
+.references-rendered[data-v-f95a4f7c] {
     position: static;
 }
 }
@@ -12746,12 +12751,12 @@ to {
 * when the new elements are available
 */
 @media (max-width: 1000px) {
-.scalar-api-references-standalone-mobile[data-v-148cccbd]:not(.references-classic) {
+.scalar-api-references-standalone-mobile[data-v-f95a4f7c]:not(.references-classic) {
     --scalar-header-height: 50px;
 }
 }
 
-.darklight-reference[data-v-148cccbd] {
+.darklight-reference[data-v-f95a4f7c] {
   width: 100%;
   margin-top: auto;
 }