@bpjs/design-system 0.0.0-stage → 0.0.2

package/dist/bpjs.d.ts

@@ -0,0 +1,20 @@
+/** Opens a <dialog class="bpjs-modal"> by element or id. */
+export declare function openModal(
+  target: string | HTMLDialogElement,
+  options?: { trigger?: HTMLElement },
+): HTMLDialogElement;
+
+/** Closes a modal; returnValue is stored on dialog.returnValue. */
+export declare function closeModal(target: string | HTMLDialogElement, returnValue?: string): void;
+
+/** Wires data-bpjs-modal-open / data-bpjs-modal-close triggers. Returns a teardown. */
+export declare function initModals(root?: Document | HTMLElement): () => void;
+
+/** Sets or clears the indeterminate (mixed) state on a checkbox. */
+export declare function setIndeterminate(input: HTMLInputElement, value: boolean): void;
+
+/** Wires checkbox, radio and switch behavior. Returns a teardown. */
+export declare function initControls(root?: Document | HTMLElement): () => void;
+
+/** Initializes every interactive component under root. Returns a teardown. */
+export declare function init(root?: Document | HTMLElement): () => void;

package/dist/bpjs.iife.js

@@ -0,0 +1 @@
+var BPJS=(function(){var e=Object.defineProperty,t=(t,n)=>{let r={};for(var i in t)e(r,i,{get:t[i],enumerable:!0});return n||e(r,Symbol.toStringTag,{value:`Module`}),r},n=`data-bpjs-modal-open`,r=`data-bpjs-modal-close`,i=`bpjs-scroll-lock`,a=new WeakMap;function o(e,t=document){let n=typeof e==`string`?t.getElementById(e):e;if(!n||n.tagName!==`DIALOG`)throw Error(`bpjs modal: ${typeof e==`string`?`#${e}`:`element`} is not a <dialog>`);return n}function s(e){let t=e.querySelector(`dialog.bpjs-modal[open]`);e.documentElement.classList.toggle(i,!!t)}function c(e){let t=e.currentTarget;t.removeEventListener(`close`,c),s(t.ownerDocument);let n=a.get(t);a.delete(t),n&&n.isConnected&&typeof n.focus==`function`&&n.focus()}function l(e,{trigger:t}={}){let n=o(e);if(n.open)return n;let r=n.ownerDocument;return a.set(n,t??r.activeElement),n.addEventListener(`close`,c),n.showModal(),s(r),n}function u(e,t){let n=o(e);n.open&&n.close(t)}function d(e,t){if(t.target!==e||t.clientX===0&&t.clientY===0)return!1;let n=e.getBoundingClientRect();return t.clientX<n.left||t.clientX>n.right||t.clientY<n.top||t.clientY>n.bottom}function f(e){let t=e.target.closest?.(`[${n}]`);if(t){e.preventDefault(),l(o(t.getAttribute(n),t.ownerDocument),{trigger:t});return}let i=e.target.closest?.(`[${r}]`);if(i){let t=i.closest(`dialog`);t&&(e.preventDefault(),u(t,i.getAttribute(r)||void 0));return}let a=e.target;a instanceof a.ownerDocument.defaultView.HTMLDialogElement&&a.classList.contains(`bpjs-modal`)&&a.open&&a.getAttribute(`data-bpjs-backdrop-close`)!==`false`&&d(a,e)&&u(a)}function p(e=document){return e.addEventListener(`click`,f),()=>e.removeEventListener(`click`,f)}var m=`data-bpjs-indeterminate`;function h(e,t){if(!(e instanceof HTMLInputElement)||e.type!==`checkbox`)throw Error(`bpjs controls: setIndeterminate needs an <input type="checkbox">`);e.indeterminate=!!t,t?e.setAttribute(m,``):e.removeAttribute(m)}function g(e){let t=e.target;t instanceof HTMLInputElement&&t.type===`checkbox`&&t.hasAttribute(m)&&h(t,!1)}function _(e){let t=e.target;if(!(t instanceof HTMLInputElement)||t.type!==`radio`)return;let n={ArrowDown:1,ArrowRight:1,ArrowUp:-1,ArrowLeft:-1}[e.key];if(!n||!t.name)return;let r=[...(t.form??t.getRootNode()).querySelectorAll(`input[type="radio"]`)].filter(e=>e.name===t.name&&!e.disabled);if(r.length<2)return;let i=r[(r.indexOf(t)+n+r.length)%r.length];e.preventDefault(),i.focus(),i.checked=!0,i.dispatchEvent(new Event(`change`,{bubbles:!0}))}function v(e){let t=e.target;t instanceof HTMLInputElement&&t.type===`checkbox`&&t.classList.contains(`bpjs-switch`)&&(e.key!==`Enter`||t.disabled||(e.preventDefault(),t.click()))}function y(e=document){return e.addEventListener(`change`,g),e.addEventListener(`keydown`,_),e.addEventListener(`keydown`,v),()=>{e.removeEventListener(`change`,g),e.removeEventListener(`keydown`,_),e.removeEventListener(`keydown`,v)}}var b=t({closeModal:()=>u,init:()=>x,initControls:()=>y,initModals:()=>p,openModal:()=>l,setIndeterminate:()=>h});function x(e=document){let t=[p(e),y(e)];return()=>t.forEach(e=>e())}return document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,()=>x(),{once:!0}):x(),b})();

package/dist/bpjs.js

@@ -0,0 +1,157 @@
+/*! @bpjs/design-system v0.0.2 */
+// src/js/modal.js
+var OPEN_ATTR = "data-bpjs-modal-open";
+var CLOSE_ATTR = "data-bpjs-modal-close";
+var LOCK_CLASS = "bpjs-scroll-lock";
+/** Remembers which element opened each dialog so focus can return to it. */
+var triggers = /* @__PURE__ */ new WeakMap();
+function resolve(target, doc = document) {
+	const el = typeof target === "string" ? doc.getElementById(target) : target;
+	if (!el || el.tagName !== "DIALOG") throw new Error(`bpjs modal: ${typeof target === "string" ? `#${target}` : "element"} is not a <dialog>`);
+	return el;
+}
+function syncScrollLock(doc) {
+	const anyOpen = doc.querySelector("dialog.bpjs-modal[open]");
+	doc.documentElement.classList.toggle(LOCK_CLASS, Boolean(anyOpen));
+}
+function onClose(event) {
+	const dialog = event.currentTarget;
+	dialog.removeEventListener("close", onClose);
+	syncScrollLock(dialog.ownerDocument);
+	const trigger = triggers.get(dialog);
+	triggers.delete(dialog);
+	if (trigger && trigger.isConnected && typeof trigger.focus === "function") trigger.focus();
+}
+/**
+* Opens a modal.
+* @param {string | HTMLDialogElement} target dialog element or its id
+* @param {{ trigger?: HTMLElement }} [options] element to refocus on close
+* @returns {HTMLDialogElement}
+*/
+function openModal(target, { trigger } = {}) {
+	const dialog = resolve(target);
+	if (dialog.open) return dialog;
+	const doc = dialog.ownerDocument;
+	triggers.set(dialog, trigger ?? doc.activeElement);
+	dialog.addEventListener("close", onClose);
+	dialog.showModal();
+	syncScrollLock(doc);
+	return dialog;
+}
+/**
+* Closes a modal.
+* @param {string | HTMLDialogElement} target dialog element or its id
+* @param {string} [returnValue] stored on dialog.returnValue
+*/
+function closeModal(target, returnValue) {
+	const dialog = resolve(target);
+	if (dialog.open) dialog.close(returnValue);
+}
+/** True when a click on the dialog landed outside its box, i.e. on the backdrop. */
+function isBackdropClick(dialog, event) {
+	if (event.target !== dialog) return false;
+	if (event.clientX === 0 && event.clientY === 0) return false;
+	const r = dialog.getBoundingClientRect();
+	return event.clientX < r.left || event.clientX > r.right || event.clientY < r.top || event.clientY > r.bottom;
+}
+function onClick(event) {
+	const opener = event.target.closest?.(`[${OPEN_ATTR}]`);
+	if (opener) {
+		event.preventDefault();
+		openModal(resolve(opener.getAttribute(OPEN_ATTR), opener.ownerDocument), { trigger: opener });
+		return;
+	}
+	const closer = event.target.closest?.(`[${CLOSE_ATTR}]`);
+	if (closer) {
+		const dialog = closer.closest("dialog");
+		if (dialog) {
+			event.preventDefault();
+			closeModal(dialog, closer.getAttribute(CLOSE_ATTR) || void 0);
+		}
+		return;
+	}
+	const dialog = event.target;
+	if (dialog instanceof dialog.ownerDocument.defaultView.HTMLDialogElement && dialog.classList.contains("bpjs-modal") && dialog.open && dialog.getAttribute("data-bpjs-backdrop-close") !== "false" && isBackdropClick(dialog, event)) closeModal(dialog);
+}
+/**
+* Wires up declarative modal triggers with one delegated listener.
+*
+*   <button data-bpjs-modal-open="my-modal">Open</button>
+*   <button data-bpjs-modal-close>Cancel</button>          (inside the dialog)
+*   <dialog data-bpjs-backdrop-close="false">              (opt out of backdrop close)
+*
+* @param {Document | HTMLElement} [root=document]
+* @returns {() => void} removes the listener
+*/
+function initModals(root = document) {
+	root.addEventListener("click", onClick);
+	return () => root.removeEventListener("click", onClick);
+}
+// src/js/controls.js
+var INDETERMINATE = "data-bpjs-indeterminate";
+/** Sets or clears the indeterminate state on a checkbox. */
+function setIndeterminate(input, value) {
+	if (!(input instanceof HTMLInputElement) || input.type !== "checkbox") throw new Error("bpjs controls: setIndeterminate needs an <input type=\"checkbox\">");
+	input.indeterminate = Boolean(value);
+	if (value) input.setAttribute(INDETERMINATE, "");
+	else input.removeAttribute(INDETERMINATE);
+}
+/** A user toggle clears the mixed state, as native checkboxes do. */
+function onChange(event) {
+	const input = event.target;
+	if (!(input instanceof HTMLInputElement) || input.type !== "checkbox") return;
+	if (input.hasAttribute(INDETERMINATE)) setIndeterminate(input, false);
+}
+/** Arrow keys move through the enabled radios that share a name, wrapping at the ends. */
+function onRadioKeydown(event) {
+	const radio = event.target;
+	if (!(radio instanceof HTMLInputElement) || radio.type !== "radio") return;
+	const step = {
+		ArrowDown: 1,
+		ArrowRight: 1,
+		ArrowUp: -1,
+		ArrowLeft: -1
+	}[event.key];
+	if (!step || !radio.name) return;
+	const group = [...(radio.form ?? radio.getRootNode()).querySelectorAll("input[type=\"radio\"]")].filter((r) => r.name === radio.name && !r.disabled);
+	if (group.length < 2) return;
+	const next = group[(group.indexOf(radio) + step + group.length) % group.length];
+	event.preventDefault();
+	next.focus();
+	next.checked = true;
+	next.dispatchEvent(new Event("change", { bubbles: true }));
+}
+/** Enter toggles a switch, matching Space. The switch's input carries the .bpjs-switch class. */
+function onSwitchKeydown(event) {
+	const input = event.target;
+	if (!(input instanceof HTMLInputElement) || input.type !== "checkbox" || !input.classList.contains("bpjs-switch")) return;
+	if (event.key !== "Enter" || input.disabled) return;
+	event.preventDefault();
+	input.click();
+}
+/**
+* Wires checkbox, radio and switch behavior with delegated listeners.
+* @param {Document | HTMLElement} [root=document]
+* @returns {() => void} removes the listeners
+*/
+function initControls(root = document) {
+	root.addEventListener("change", onChange);
+	root.addEventListener("keydown", onRadioKeydown);
+	root.addEventListener("keydown", onSwitchKeydown);
+	return () => {
+		root.removeEventListener("change", onChange);
+		root.removeEventListener("keydown", onRadioKeydown);
+		root.removeEventListener("keydown", onSwitchKeydown);
+	};
+}
+// src/js/index.js
+/**
+* Initializes every interactive component under root.
+* @param {Document | HTMLElement} [root=document]
+* @returns {() => void} teardown
+*/
+function init(root = document) {
+	const teardowns = [initModals(root), initControls(root)];
+	return () => teardowns.forEach((fn) => fn());
+}
+export { closeModal, init, initControls, initModals, openModal, setIndeterminate };

package/dist/bpjs.min.css

@@ -0,0 +1,2 @@
+/*! @bpjs/design-system v0.0.2 | generated from Figma */
+@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:200 800;src:url(./fonts/plus-jakarta-sans-latin-wght-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:200 800;src:url(./fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bpjs-color-blues-10:#f3f8ff;--bpjs-color-blues-50:#cfe0f9;--bpjs-color-blues-100:#afcbf4;--bpjs-color-blues-200:#86b1ef;--bpjs-color-blues-300:#5e98ea;--bpjs-color-blues-400:#367ee4;--bpjs-color-blues-500:#0e64df;--bpjs-color-blues-600:#0c53ba;--bpjs-color-blues-700:#094395;--bpjs-color-blues-800:#073270;--bpjs-color-blues-900:#05214a;--bpjs-color-blues-1000:#03142d;--bpjs-color-gray-dark-50:#b9babb;--bpjs-color-gray-dark-100:#979899;--bpjs-color-gray-dark-200:#747577;--bpjs-color-gray-dark-300:#515355;--bpjs-color-gray-dark-400:#2e3033;--bpjs-color-gray-dark-500:#26282b;--bpjs-color-gray-dark-600:#1f2022;--bpjs-color-gray-dark-700:#17181a;--bpjs-color-gray-dark-800:#0f1011;--bpjs-color-gray-dark-900:#090a0a;--bpjs-color-gray-light-50:#fdfdfd;--bpjs-color-gray-light-100:#f4f4f4;--bpjs-color-gray-light-200:#d6d6d6;--bpjs-color-gray-light-300:#c8c8c8;--bpjs-color-gray-light-400:#bbb;--bpjs-color-gray-light-500:#adadad;--bpjs-color-gray-light-600:#909090;--bpjs-color-gray-light-700:#737373;--bpjs-color-gray-light-800:#575757;--bpjs-color-gray-light-900:#3a3a3a;--bpjs-color-gray-light-1000:#232323;--bpjs-color-greens-10:#eaf7ef;--bpjs-color-greens-50:#ccf0d9;--bpjs-color-greens-100:#aae6c0;--bpjs-color-greens-200:#80daa0;--bpjs-color-greens-300:#55ce80;--bpjs-color-greens-400:#2bc161;--bpjs-color-greens-500:#00b541;--bpjs-color-greens-600:#009736;--bpjs-color-greens-700:#00792b;--bpjs-color-greens-800:#005b21;--bpjs-color-greens-900:#003c16;--bpjs-color-greens-1000:#00240d;--bpjs-color-red-10:#fdeded;--bpjs-color-red-50:#facdcc;--bpjs-color-red-100:#f7abaa;--bpjs-color-red-200:#f28180;--bpjs-color-red-300:#ee5855;--bpjs-color-red-400:#ea2e2b;--bpjs-color-red-500:#e60400;--bpjs-color-red-600:#c00300;--bpjs-color-red-700:#990300;--bpjs-color-red-800:#730200;--bpjs-color-red-900:#4d0100;--bpjs-color-red-1000:#2e0100;--bpjs-color-whites-500:#fff;--bpjs-color-yellow-50:#fcecd6;--bpjs-color-yellow-100:#fae0ba;--bpjs-color-yellow-200:#f7d098;--bpjs-color-yellow-300:#f5c076;--bpjs-color-yellow-400:#f2b153;--bpjs-color-yellow-500:#f0a131;--bpjs-color-yellow-600:#c88629;--bpjs-color-yellow-700:#a06b21;--bpjs-color-yellow-800:#785119;--bpjs-color-yellow-900:#503610;--bpjs-display-2xl-font-size:72px;--bpjs-display-2xl-line-height:90px;--bpjs-display-lg-font-size:48px;--bpjs-display-lg-line-height:60px;--bpjs-display-md-font-size:36px;--bpjs-display-md-line-height:44px;--bpjs-display-sm-font-size:30px;--bpjs-display-sm-line-height:38px;--bpjs-display-xl-font-size:60px;--bpjs-display-xl-line-height:72px;--bpjs-display-xs-font-size:24px;--bpjs-display-xs-line-height:32px;--bpjs-font-family:"Plus Jakarta Sans", system-ui, sans-serif;--bpjs-font-weight-black:900;--bpjs-font-weight-bold:700;--bpjs-font-weight-extra-bold:800;--bpjs-font-weight-medium:500;--bpjs-font-weight-regular:400;--bpjs-font-weight-semi-bold:600;--bpjs-number-0:0px;--bpjs-number-2:2px;--bpjs-number-4:4px;--bpjs-number-6:6px;--bpjs-number-8:8px;--bpjs-number-10:10px;--bpjs-number-12:12px;--bpjs-number-14:14px;--bpjs-number-16:16px;--bpjs-number-20:20px;--bpjs-number-24:24px;--bpjs-number-28:28px;--bpjs-number-32:32px;--bpjs-number-40:40px;--bpjs-number-48:48px;--bpjs-number-56:56px;--bpjs-number-64:64px;--bpjs-number-72:72px;--bpjs-number-80:80px;--bpjs-number-128:128px;--bpjs-number-999:999px;--bpjs-text-lg-font-size:18px;--bpjs-text-lg-line-height:28px;--bpjs-text-md-font-size:16px;--bpjs-text-md-line-height:24px;--bpjs-text-sm-font-size:14px;--bpjs-text-sm-line-height:20px;--bpjs-text-xl-font-size:20px;--bpjs-text-xl-line-height:30px;--bpjs-text-xs-font-size:12px;--bpjs-text-xs-line-height:18px;--bpjs-device-desktop-sm:1440px;--bpjs-device-desktop-xl:1728px;--bpjs-device-mobile:390px;--bpjs-device-tablet:768px;--bpjs-layout-grid-color:#ff000008;--bpjs-layout-grid-desktop-columns:12;--bpjs-layout-grid-tablet-columns:8;--bpjs-layout-grid-mobile-columns:4;--bpjs-blue-10:var(--bpjs-color-blues-10);--bpjs-blue-50:var(--bpjs-color-blues-50);--bpjs-blue-100:var(--bpjs-color-blues-100);--bpjs-blue-200:var(--bpjs-color-blues-200);--bpjs-blue-300:var(--bpjs-color-blues-300);--bpjs-blue-400:var(--bpjs-color-blues-400);--bpjs-blue-500:var(--bpjs-color-blues-500);--bpjs-blue-600:var(--bpjs-color-blues-600);--bpjs-blue-700:var(--bpjs-color-blues-700);--bpjs-blue-800:var(--bpjs-color-blues-800);--bpjs-blue-900:var(--bpjs-color-blues-900);--bpjs-blue-1000:var(--bpjs-color-blues-1000);--bpjs-brand-10:var(--bpjs-color-blues-10);--bpjs-brand-50:var(--bpjs-color-blues-50);--bpjs-brand-100:var(--bpjs-color-blues-100);--bpjs-brand-200:var(--bpjs-color-blues-200);--bpjs-brand-300:var(--bpjs-color-blues-300);--bpjs-brand-400:var(--bpjs-color-blues-400);--bpjs-brand-500:var(--bpjs-color-blues-500);--bpjs-brand-600:var(--bpjs-color-blues-600);--bpjs-brand-700:var(--bpjs-color-blues-700);--bpjs-brand-800:var(--bpjs-color-blues-800);--bpjs-brand-900:var(--bpjs-color-blues-900);--bpjs-brand-1000:var(--bpjs-color-blues-1000);--bpjs-gray-dark-50:var(--bpjs-color-gray-dark-50);--bpjs-gray-dark-100:var(--bpjs-color-gray-dark-100);--bpjs-gray-dark-200:var(--bpjs-color-gray-dark-200);--bpjs-gray-dark-300:var(--bpjs-color-gray-dark-300);--bpjs-gray-dark-400:var(--bpjs-color-gray-dark-400);--bpjs-gray-dark-500:var(--bpjs-color-gray-dark-500);--bpjs-gray-dark-600:var(--bpjs-color-gray-dark-600);--bpjs-gray-dark-700:var(--bpjs-color-gray-dark-700);--bpjs-gray-dark-800:var(--bpjs-color-gray-dark-800);--bpjs-gray-dark-900:var(--bpjs-color-gray-dark-900);--bpjs-gray-light-50:var(--bpjs-color-gray-light-50);--bpjs-gray-light-100:var(--bpjs-color-gray-light-100);--bpjs-gray-light-200:var(--bpjs-color-gray-light-200);--bpjs-gray-light-300:var(--bpjs-color-gray-light-300);--bpjs-gray-light-400:var(--bpjs-color-gray-light-400);--bpjs-gray-light-500:var(--bpjs-color-gray-light-500);--bpjs-gray-light-600:var(--bpjs-color-gray-light-600);--bpjs-gray-light-700:var(--bpjs-color-gray-light-700);--bpjs-gray-light-800:var(--bpjs-color-gray-light-800);--bpjs-gray-light-900:var(--bpjs-color-gray-light-900);--bpjs-green-10:var(--bpjs-color-greens-10);--bpjs-green-50:var(--bpjs-color-greens-50);--bpjs-green-100:var(--bpjs-color-greens-100);--bpjs-green-200:var(--bpjs-color-greens-200);--bpjs-green-300:var(--bpjs-color-greens-300);--bpjs-green-400:var(--bpjs-color-greens-400);--bpjs-green-500:var(--bpjs-color-greens-500);--bpjs-green-600:var(--bpjs-color-greens-600);--bpjs-green-700:var(--bpjs-color-greens-700);--bpjs-green-800:var(--bpjs-color-greens-800);--bpjs-green-900:var(--bpjs-color-greens-900);--bpjs-green-1000:var(--bpjs-color-greens-1000);--bpjs-red-10:var(--bpjs-color-red-10);--bpjs-red-50:var(--bpjs-color-red-50);--bpjs-red-100:var(--bpjs-color-red-100);--bpjs-red-200:var(--bpjs-color-red-200);--bpjs-red-300:var(--bpjs-color-red-300);--bpjs-red-400:var(--bpjs-color-red-400);--bpjs-red-500:var(--bpjs-color-red-500);--bpjs-red-600:var(--bpjs-color-red-600);--bpjs-red-700:var(--bpjs-color-red-700);--bpjs-red-800:var(--bpjs-color-red-800);--bpjs-red-900:var(--bpjs-color-red-900);--bpjs-red-1000:var(--bpjs-color-red-1000);--bpjs-yellow-50:var(--bpjs-color-yellow-50);--bpjs-yellow-100:var(--bpjs-color-yellow-100);--bpjs-yellow-200:var(--bpjs-color-yellow-200);--bpjs-yellow-300:var(--bpjs-color-yellow-300);--bpjs-yellow-400:var(--bpjs-color-yellow-400);--bpjs-yellow-500:var(--bpjs-color-yellow-500);--bpjs-yellow-600:var(--bpjs-color-yellow-600);--bpjs-yellow-700:var(--bpjs-color-yellow-700);--bpjs-yellow-800:var(--bpjs-color-yellow-800);--bpjs-yellow-900:var(--bpjs-color-yellow-900);--bpjs-spacing-2xl:var(--bpjs-number-32);--bpjs-spacing-2xs:var(--bpjs-number-2);--bpjs-spacing-4xl:var(--bpjs-number-48);--bpjs-spacing-5xl:var(--bpjs-number-56);--bpjs-spacing-6:var(--bpjs-number-6);--bpjs-spacing-6xl:var(--bpjs-number-64);--bpjs-spacing-7xl:var(--bpjs-number-72);--bpjs-spacing-10:var(--bpjs-number-10);--bpjs-spacing-14:var(--bpjs-number-14);--bpjs-spacing-20:var(--bpjs-number-20);--bpjs-spacing-28:var(--bpjs-number-28);--bpjs-spacing-40:var(--bpjs-number-40);--bpjs-spacing-lg:var(--bpjs-number-16);--bpjs-spacing-md:var(--bpjs-number-12);--bpjs-spacing-none:var(--bpjs-number-0);--bpjs-spacing-sm:var(--bpjs-number-8);--bpjs-spacing-xl:var(--bpjs-number-24);--bpjs-spacing-xs:var(--bpjs-number-4);--bpjs-radius-2xl:var(--bpjs-number-16);--bpjs-radius-2xs:var(--bpjs-number-2);--bpjs-radius-lg:var(--bpjs-number-12);--bpjs-radius-md:var(--bpjs-number-10);--bpjs-radius-none:var(--bpjs-number-0);--bpjs-radius-round:var(--bpjs-number-999);--bpjs-radius-sm:var(--bpjs-number-8);--bpjs-radius-xs:var(--bpjs-number-4);--bpjs-display-2xl-bold:var(--bpjs-font-weight-bold) var(--bpjs-display-2xl-font-size)/var(--bpjs-display-2xl-line-height) var(--bpjs-font-family);--bpjs-display-2xl-extra-bold:var(--bpjs-font-weight-extra-bold) var(--bpjs-display-2xl-font-size)/var(--bpjs-display-2xl-line-height) var(--bpjs-font-family);--bpjs-display-2xl-medium:var(--bpjs-font-weight-medium) var(--bpjs-display-2xl-font-size)/var(--bpjs-display-2xl-line-height) var(--bpjs-font-family);--bpjs-display-2xl-regular:var(--bpjs-font-weight-regular) var(--bpjs-display-2xl-font-size)/var(--bpjs-display-2xl-line-height) var(--bpjs-font-family);--bpjs-display-2xl-semibold:var(--bpjs-font-weight-semi-bold) var(--bpjs-display-2xl-font-size)/var(--bpjs-display-2xl-line-height) var(--bpjs-font-family);--bpjs-display-lg-bold:var(--bpjs-font-weight-bold) var(--bpjs-display-lg-font-size)/var(--bpjs-display-lg-line-height) var(--bpjs-font-family);--bpjs-display-lg-extra-bold:var(--bpjs-font-weight-extra-bold) var(--bpjs-display-lg-font-size)/var(--bpjs-display-lg-line-height) var(--bpjs-font-family);--bpjs-display-lg-medium:var(--bpjs-font-weight-medium) var(--bpjs-display-lg-font-size)/var(--bpjs-display-lg-line-height) var(--bpjs-font-family);--bpjs-display-lg-regular:var(--bpjs-font-weight-regular) var(--bpjs-display-lg-font-size)/var(--bpjs-display-lg-line-height) var(--bpjs-font-family);--bpjs-display-lg-semibold:var(--bpjs-font-weight-semi-bold) var(--bpjs-display-lg-font-size)/var(--bpjs-display-lg-line-height) var(--bpjs-font-family);--bpjs-display-md-bold:var(--bpjs-font-weight-bold) var(--bpjs-display-md-font-size)/var(--bpjs-display-md-line-height) var(--bpjs-font-family);--bpjs-display-md-extra-bold:var(--bpjs-font-weight-extra-bold) var(--bpjs-display-md-font-size)/var(--bpjs-display-md-line-height) var(--bpjs-font-family);--bpjs-display-md-medium:var(--bpjs-font-weight-medium) var(--bpjs-display-md-font-size)/var(--bpjs-display-md-line-height) var(--bpjs-font-family);--bpjs-display-md-regular:var(--bpjs-font-weight-regular) var(--bpjs-display-md-font-size)/var(--bpjs-display-md-line-height) var(--bpjs-font-family);--bpjs-display-md-semibold:var(--bpjs-font-weight-semi-bold) var(--bpjs-display-md-font-size)/var(--bpjs-display-md-line-height) var(--bpjs-font-family);--bpjs-display-sm-bold:var(--bpjs-font-weight-bold) var(--bpjs-display-sm-font-size)/var(--bpjs-display-sm-line-height) var(--bpjs-font-family);--bpjs-display-sm-extra-bold:var(--bpjs-font-weight-extra-bold) var(--bpjs-display-sm-font-size)/var(--bpjs-display-sm-line-height) var(--bpjs-font-family);--bpjs-display-sm-medium:var(--bpjs-font-weight-medium) var(--bpjs-display-sm-font-size)/var(--bpjs-display-sm-line-height) var(--bpjs-font-family);--bpjs-display-sm-regular:var(--bpjs-font-weight-regular) var(--bpjs-display-sm-font-size)/var(--bpjs-display-sm-line-height) var(--bpjs-font-family);--bpjs-display-sm-semibold:var(--bpjs-font-weight-semi-bold) var(--bpjs-display-sm-font-size)/var(--bpjs-display-sm-line-height) var(--bpjs-font-family);--bpjs-display-xl-bold:var(--bpjs-font-weight-bold) var(--bpjs-display-xl-font-size)/var(--bpjs-display-xl-line-height) var(--bpjs-font-family);--bpjs-display-xl-extra-bold:var(--bpjs-font-weight-extra-bold) var(--bpjs-display-xl-font-size)/var(--bpjs-display-xl-line-height) var(--bpjs-font-family);--bpjs-display-xl-medium:var(--bpjs-font-weight-medium) var(--bpjs-display-xl-font-size)/var(--bpjs-display-xl-line-height) var(--bpjs-font-family);--bpjs-display-xl-regular:var(--bpjs-font-weight-regular) var(--bpjs-display-xl-font-size)/var(--bpjs-display-xl-line-height) var(--bpjs-font-family);--bpjs-display-xl-semibold:var(--bpjs-font-weight-semi-bold) var(--bpjs-display-xl-font-size)/var(--bpjs-display-xl-line-height) var(--bpjs-font-family);--bpjs-display-xs-bold:var(--bpjs-font-weight-bold) var(--bpjs-display-xs-font-size)/var(--bpjs-display-xs-line-height) var(--bpjs-font-family);--bpjs-display-xs-extra-bold:var(--bpjs-font-weight-extra-bold) var(--bpjs-display-xs-font-size)/var(--bpjs-display-xs-line-height) var(--bpjs-font-family);--bpjs-display-xs-medium:var(--bpjs-font-weight-medium) var(--bpjs-display-xs-font-size)/var(--bpjs-display-xs-line-height) var(--bpjs-font-family);--bpjs-display-xs-regular:var(--bpjs-font-weight-regular) var(--bpjs-display-xs-font-size)/var(--bpjs-display-xs-line-height) var(--bpjs-font-family);--bpjs-display-xs-semibold:var(--bpjs-font-weight-semi-bold) var(--bpjs-display-xs-font-size)/var(--bpjs-display-xs-line-height) var(--bpjs-font-family);--bpjs-text-lg-bold:var(--bpjs-font-weight-bold) var(--bpjs-text-lg-font-size)/var(--bpjs-text-lg-line-height) var(--bpjs-font-family);--bpjs-text-lg-extra-bold:var(--bpjs-font-weight-extra-bold) var(--bpjs-text-lg-font-size)/var(--bpjs-text-lg-line-height) var(--bpjs-font-family);--bpjs-text-lg-medium:var(--bpjs-font-weight-medium) var(--bpjs-text-lg-font-size)/var(--bpjs-text-lg-line-height) var(--bpjs-font-family);--bpjs-text-lg-regular:var(--bpjs-font-weight-regular) var(--bpjs-text-lg-font-size)/var(--bpjs-text-lg-line-height) var(--bpjs-font-family);--bpjs-text-lg-semibold:var(--bpjs-font-weight-semi-bold) var(--bpjs-text-lg-font-size)/var(--bpjs-text-lg-line-height) var(--bpjs-font-family);--bpjs-text-md-bold:var(--bpjs-font-weight-bold) var(--bpjs-text-md-font-size)/var(--bpjs-text-md-line-height) var(--bpjs-font-family);--bpjs-text-md-extra-bold:var(--bpjs-font-weight-extra-bold) var(--bpjs-text-md-font-size)/var(--bpjs-text-md-line-height) var(--bpjs-font-family);--bpjs-text-md-medium:var(--bpjs-font-weight-medium) var(--bpjs-text-md-font-size)/var(--bpjs-text-md-line-height) var(--bpjs-font-family);--bpjs-text-md-regular:var(--bpjs-font-weight-regular) var(--bpjs-text-md-font-size)/var(--bpjs-text-md-line-height) var(--bpjs-font-family);--bpjs-text-md-semibold:var(--bpjs-font-weight-semi-bold) var(--bpjs-text-md-font-size)/var(--bpjs-text-md-line-height) var(--bpjs-font-family);--bpjs-text-sm-bold:var(--bpjs-font-weight-bold) var(--bpjs-text-sm-font-size)/var(--bpjs-text-sm-line-height) var(--bpjs-font-family);--bpjs-text-sm-extra-bold:var(--bpjs-font-weight-extra-bold) var(--bpjs-text-sm-font-size)/var(--bpjs-text-sm-line-height) var(--bpjs-font-family);--bpjs-text-sm-medium:var(--bpjs-font-weight-medium) var(--bpjs-text-sm-font-size)/var(--bpjs-text-sm-line-height) var(--bpjs-font-family);--bpjs-text-sm-regular:var(--bpjs-font-weight-regular) var(--bpjs-text-sm-font-size)/var(--bpjs-text-sm-line-height) var(--bpjs-font-family);--bpjs-text-sm-semibold:var(--bpjs-font-weight-semi-bold) var(--bpjs-text-sm-font-size)/var(--bpjs-text-sm-line-height) var(--bpjs-font-family);--bpjs-text-xl-bold:var(--bpjs-font-weight-bold) var(--bpjs-text-xl-font-size)/var(--bpjs-text-xl-line-height) var(--bpjs-font-family);--bpjs-text-xl-extra-bold:var(--bpjs-font-weight-extra-bold) var(--bpjs-text-xl-font-size)/var(--bpjs-text-xl-line-height) var(--bpjs-font-family);--bpjs-text-xl-medium:var(--bpjs-font-weight-medium) var(--bpjs-text-xl-font-size)/var(--bpjs-text-xl-line-height) var(--bpjs-font-family);--bpjs-text-xl-regular:var(--bpjs-font-weight-regular) var(--bpjs-text-xl-font-size)/var(--bpjs-text-xl-line-height) var(--bpjs-font-family);--bpjs-text-xl-semibold:var(--bpjs-font-weight-semi-bold) var(--bpjs-text-xl-font-size)/var(--bpjs-text-xl-line-height) var(--bpjs-font-family);--bpjs-text-xs-bold:var(--bpjs-font-weight-bold) var(--bpjs-text-xs-font-size)/var(--bpjs-text-xs-line-height) var(--bpjs-font-family);--bpjs-text-xs-extra-bold:var(--bpjs-font-weight-extra-bold) var(--bpjs-text-xs-font-size)/var(--bpjs-text-xs-line-height) var(--bpjs-font-family);--bpjs-text-xs-medium:var(--bpjs-font-weight-medium) var(--bpjs-text-xs-font-size)/var(--bpjs-text-xs-line-height) var(--bpjs-font-family);--bpjs-text-xs-regular:var(--bpjs-font-weight-regular) var(--bpjs-text-xs-font-size)/var(--bpjs-text-xs-line-height) var(--bpjs-font-family);--bpjs-text-xs-semibold:var(--bpjs-font-weight-semi-bold) var(--bpjs-text-xs-font-size)/var(--bpjs-text-xs-line-height) var(--bpjs-font-family);--bpjs-layout-grid-desktop-gutter:var(--bpjs-number-32);--bpjs-layout-grid-desktop-margin:var(--bpjs-number-32);--bpjs-layout-grid-tablet-gutter:var(--bpjs-number-24);--bpjs-layout-grid-tablet-margin:var(--bpjs-number-24);--bpjs-layout-grid-mobile-gutter:var(--bpjs-number-16);--bpjs-layout-grid-mobile-margin:var(--bpjs-number-16);--bpjs-icon-size-xs:var(--bpjs-number-12);--bpjs-icon-size-sm:var(--bpjs-number-16);--bpjs-icon-size-md:var(--bpjs-number-20);--bpjs-icon-size-lg:var(--bpjs-number-24);--bpjs-icon-size-xl:var(--bpjs-number-32);--bpjs-brand-radius-components:var(--bpjs-radius-md)}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bpjs-shadow-md:0px 3px 14px 0px #00000014;--bpjs-shadow-sm:0px 1px 3px 0px #00000014, 0px 1px 2px -1px #00000014;--bpjs-background-gradient-primary:linear-gradient(180deg, #0e64df 2.4%, #0752be 86.54%);--bpjs-border-gradient-low:linear-gradient(180deg, #0000 14.42%, #0000001a 100%);--bpjs-border-gradient-primary:linear-gradient(180deg, #ffffff73 0%, #fff0 100%);--bpjs-border-very-low:#d6d6d6b3;--bpjs-shadow-border-gray:0px 0px 0px 1px var(--bpjs-border-very-low);--bpjs-background-black:var(--bpjs-color-gray-dark-900);--bpjs-background-black-static:var(--bpjs-color-gray-dark-900);--bpjs-background-gray:var(--bpjs-color-gray-light-200);--bpjs-background-high:var(--bpjs-color-gray-light-50);--bpjs-background-low:var(--bpjs-color-gray-light-300);--bpjs-background-medium:var(--bpjs-color-gray-light-100);--bpjs-background-white:var(--bpjs-color-whites-500);--bpjs-background-white-static:var(--bpjs-color-whites-500);--bpjs-border-black:var(--bpjs-color-gray-dark-900);--bpjs-border-black-static:var(--bpjs-color-gray-dark-900);--bpjs-border-high:var(--bpjs-color-gray-light-600);--bpjs-border-low:var(--bpjs-color-gray-light-400);--bpjs-border-medium:var(--bpjs-color-gray-light-500);--bpjs-border-white:var(--bpjs-color-whites-500);--bpjs-border-white-static:var(--bpjs-color-whites-500);--bpjs-text-white:var(--bpjs-color-whites-500);--bpjs-background-gradient-danger:linear-gradient(180deg, var(--bpjs-red-500) 0%, var(--bpjs-red-600) 100%);--bpjs-background-brand-primary:var(--bpjs-brand-500);--bpjs-background-brand-primary-soft:var(--bpjs-brand-200);--bpjs-background-brand-secondary:var(--bpjs-brand-700);--bpjs-background-danger-hard:var(--bpjs-red-500);--bpjs-background-danger-soft:var(--bpjs-red-10);--bpjs-background-info-hard:var(--bpjs-blue-500);--bpjs-background-info-soft:var(--bpjs-blue-10);--bpjs-background-success-hard:var(--bpjs-green-500);--bpjs-background-success-soft:var(--bpjs-green-10);--bpjs-background-warning-hard:var(--bpjs-yellow-500);--bpjs-background-warning-soft:var(--bpjs-yellow-50);--bpjs-border-brand-primary:var(--bpjs-brand-500);--bpjs-border-brand-secondary:var(--bpjs-brand-700);--bpjs-border-danger-hard:var(--bpjs-red-500);--bpjs-border-danger-soft:var(--bpjs-red-300);--bpjs-border-info-hard:var(--bpjs-blue-500);--bpjs-border-info-soft:var(--bpjs-blue-300);--bpjs-border-success-hard:var(--bpjs-green-500);--bpjs-border-success-soft:var(--bpjs-green-300);--bpjs-border-warning-hard:var(--bpjs-yellow-500);--bpjs-border-warning-soft:var(--bpjs-yellow-300);--bpjs-focus-danger:var(--bpjs-red-100);--bpjs-focus-normal:var(--bpjs-brand-100);--bpjs-text-black:var(--bpjs-gray-dark-900);--bpjs-text-brand:var(--bpjs-brand-500);--bpjs-text-danger:var(--bpjs-red-500);--bpjs-text-high:var(--bpjs-gray-dark-900);--bpjs-text-info:var(--bpjs-blue-500);--bpjs-text-low:var(--bpjs-gray-light-600);--bpjs-text-medium:var(--bpjs-gray-light-700);--bpjs-text-success:var(--bpjs-green-600);--bpjs-text-very-low:var(--bpjs-gray-light-500);--bpjs-text-warning:var(--bpjs-yellow-600);--bpjs-shadow-border-brand:0px 0px 0px 1px var(--bpjs-border-brand-primary);--bpjs-shadow-focus:0px 0px 0px 2px var(--bpjs-focus-normal);--bpjs-shadow-focus-danger:0px 0px 0px 2px var(--bpjs-focus-danger)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bpjs-shadow-md:0px 3px 14px 0px #00000014;--bpjs-shadow-sm:0px 1px 3px 0px #00000014, 0px 1px 2px -1px #00000014;--bpjs-background-gradient-primary:linear-gradient(180deg, #0e64df 2.4%, #0752be 86.54%);--bpjs-border-gradient-low:linear-gradient(180deg, #0000 14.42%, #0000001a 100%);--bpjs-border-gradient-primary:linear-gradient(180deg, #ffffff73 0%, #fff0 100%);--bpjs-border-very-low:#26282bb3;--bpjs-shadow-border-gray:0px 0px 0px 1px var(--bpjs-border-very-low);--bpjs-background-black:var(--bpjs-color-whites-500);--bpjs-background-black-static:var(--bpjs-color-gray-dark-900);--bpjs-background-high:var(--bpjs-color-gray-dark-700);--bpjs-background-low:var(--bpjs-color-gray-dark-900);--bpjs-background-medium:var(--bpjs-color-gray-dark-800);--bpjs-background-warning-hard:var(--bpjs-color-yellow-400);--bpjs-background-white:var(--bpjs-color-gray-dark-900);--bpjs-background-white-static:var(--bpjs-color-whites-500);--bpjs-border-black:var(--bpjs-color-whites-500);--bpjs-border-black-static:var(--bpjs-color-gray-dark-900);--bpjs-border-brand-primary:var(--bpjs-color-blues-500);--bpjs-border-brand-secondary:var(--bpjs-color-blues-700);--bpjs-border-high:var(--bpjs-color-gray-dark-200);--bpjs-border-low:var(--bpjs-color-gray-dark-400);--bpjs-border-medium:var(--bpjs-color-gray-dark-300);--bpjs-border-white:var(--bpjs-color-gray-dark-900);--bpjs-border-white-static:var(--bpjs-color-whites-500);--bpjs-text-white:var(--bpjs-color-whites-500);--bpjs-shadow-border-brand:0px 0px 0px 1px var(--bpjs-border-brand-primary);--bpjs-background-gradient-danger:linear-gradient(180deg, var(--bpjs-red-500) 0%, var(--bpjs-red-600) 100%);--bpjs-background-brand-primary:var(--bpjs-brand-500);--bpjs-background-brand-primary-soft:var(--bpjs-brand-800);--bpjs-background-brand-secondary:var(--bpjs-brand-700);--bpjs-background-danger-hard:var(--bpjs-red-500);--bpjs-background-danger-soft:var(--bpjs-red-1000);--bpjs-background-gray:var(--bpjs-gray-dark-300);--bpjs-background-info-hard:var(--bpjs-blue-400);--bpjs-background-info-soft:var(--bpjs-blue-1000);--bpjs-background-success-hard:var(--bpjs-green-600);--bpjs-background-success-soft:var(--bpjs-green-1000);--bpjs-background-warning-soft:var(--bpjs-yellow-900);--bpjs-border-danger-hard:var(--bpjs-red-400);--bpjs-border-danger-soft:var(--bpjs-red-800);--bpjs-border-info-hard:var(--bpjs-blue-400);--bpjs-border-info-soft:var(--bpjs-blue-800);--bpjs-border-success-hard:var(--bpjs-green-400);--bpjs-border-success-soft:var(--bpjs-green-800);--bpjs-border-warning-hard:var(--bpjs-yellow-400);--bpjs-border-warning-soft:var(--bpjs-yellow-800);--bpjs-focus-danger:var(--bpjs-red-800);--bpjs-focus-normal:var(--bpjs-brand-800);--bpjs-text-black:var(--bpjs-gray-dark-900);--bpjs-text-brand:var(--bpjs-brand-400);--bpjs-text-danger:var(--bpjs-red-400);--bpjs-text-high:var(--bpjs-gray-light-50);--bpjs-text-info:var(--bpjs-blue-400);--bpjs-text-low:var(--bpjs-gray-light-600);--bpjs-text-medium:var(--bpjs-gray-light-400);--bpjs-text-success:var(--bpjs-green-400);--bpjs-text-very-low:var(--bpjs-gray-light-700);--bpjs-text-warning:var(--bpjs-yellow-500);--bpjs-shadow-focus:0px 0px 0px 2px var(--bpjs-focus-normal);--bpjs-shadow-focus-danger:0px 0px 0px 2px var(--bpjs-focus-danger)}.bpjs-type-display-2xl-bold{font:var(--bpjs-display-2xl-bold)}.bpjs-type-display-2xl-extra-bold{font:var(--bpjs-display-2xl-extra-bold)}.bpjs-type-display-2xl-medium{font:var(--bpjs-display-2xl-medium)}.bpjs-type-display-2xl-regular{font:var(--bpjs-display-2xl-regular)}.bpjs-type-display-2xl-semibold{font:var(--bpjs-display-2xl-semibold)}.bpjs-type-display-lg-bold{font:var(--bpjs-display-lg-bold)}.bpjs-type-display-lg-extra-bold{font:var(--bpjs-display-lg-extra-bold)}.bpjs-type-display-lg-medium{font:var(--bpjs-display-lg-medium)}.bpjs-type-display-lg-regular{font:var(--bpjs-display-lg-regular)}.bpjs-type-display-lg-semibold{font:var(--bpjs-display-lg-semibold)}.bpjs-type-display-md-bold{font:var(--bpjs-display-md-bold)}.bpjs-type-display-md-extra-bold{font:var(--bpjs-display-md-extra-bold)}.bpjs-type-display-md-medium{font:var(--bpjs-display-md-medium)}.bpjs-type-display-md-regular{font:var(--bpjs-display-md-regular)}.bpjs-type-display-md-semibold{font:var(--bpjs-display-md-semibold)}.bpjs-type-display-sm-bold{font:var(--bpjs-display-sm-bold)}.bpjs-type-display-sm-extra-bold{font:var(--bpjs-display-sm-extra-bold)}.bpjs-type-display-sm-medium{font:var(--bpjs-display-sm-medium)}.bpjs-type-display-sm-regular{font:var(--bpjs-display-sm-regular)}.bpjs-type-display-sm-semibold{font:var(--bpjs-display-sm-semibold)}.bpjs-type-display-xl-bold{font:var(--bpjs-display-xl-bold)}.bpjs-type-display-xl-extra-bold{font:var(--bpjs-display-xl-extra-bold)}.bpjs-type-display-xl-medium{font:var(--bpjs-display-xl-medium)}.bpjs-type-display-xl-regular{font:var(--bpjs-display-xl-regular)}.bpjs-type-display-xl-semibold{font:var(--bpjs-display-xl-semibold)}.bpjs-type-display-xs-bold{font:var(--bpjs-display-xs-bold)}.bpjs-type-display-xs-extra-bold{font:var(--bpjs-display-xs-extra-bold)}.bpjs-type-display-xs-medium{font:var(--bpjs-display-xs-medium)}.bpjs-type-display-xs-regular{font:var(--bpjs-display-xs-regular)}.bpjs-type-display-xs-semibold{font:var(--bpjs-display-xs-semibold)}.bpjs-type-text-lg-bold{font:var(--bpjs-text-lg-bold)}.bpjs-type-text-lg-extra-bold{font:var(--bpjs-text-lg-extra-bold)}.bpjs-type-text-lg-medium{font:var(--bpjs-text-lg-medium)}.bpjs-type-text-lg-regular{font:var(--bpjs-text-lg-regular)}.bpjs-type-text-lg-semibold{font:var(--bpjs-text-lg-semibold)}.bpjs-type-text-md-bold{font:var(--bpjs-text-md-bold)}.bpjs-type-text-md-extra-bold{font:var(--bpjs-text-md-extra-bold)}.bpjs-type-text-md-medium{font:var(--bpjs-text-md-medium)}.bpjs-type-text-md-regular{font:var(--bpjs-text-md-regular)}.bpjs-type-text-md-semibold{font:var(--bpjs-text-md-semibold)}.bpjs-type-text-sm-bold{font:var(--bpjs-text-sm-bold)}.bpjs-type-text-sm-extra-bold{font:var(--bpjs-text-sm-extra-bold)}.bpjs-type-text-sm-medium{font:var(--bpjs-text-sm-medium)}.bpjs-type-text-sm-regular{font:var(--bpjs-text-sm-regular)}.bpjs-type-text-sm-semibold{font:var(--bpjs-text-sm-semibold)}.bpjs-type-text-xl-bold{font:var(--bpjs-text-xl-bold)}.bpjs-type-text-xl-extra-bold{font:var(--bpjs-text-xl-extra-bold)}.bpjs-type-text-xl-medium{font:var(--bpjs-text-xl-medium)}.bpjs-type-text-xl-regular{font:var(--bpjs-text-xl-regular)}.bpjs-type-text-xl-semibold{font:var(--bpjs-text-xl-semibold)}.bpjs-type-text-xs-bold{font:var(--bpjs-text-xs-bold)}.bpjs-type-text-xs-extra-bold{font:var(--bpjs-text-xs-extra-bold)}.bpjs-type-text-xs-medium{font:var(--bpjs-text-xs-medium)}.bpjs-type-text-xs-regular{font:var(--bpjs-text-xs-regular)}.bpjs-type-text-xs-semibold{font:var(--bpjs-text-xs-semibold)}.bpjs-theme{background-color:var(--bpjs-background-high);color:var(--bpjs-text-high);font:var(--bpjs-text-md-regular)}.bpjs-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;font:var(--bpjs-text-sm-regular);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.bpjs-button,.bpjs-pill,.bpjs-segmented-item,.bpjs-pagination__page,.bpjs-pagination__nav,.bpjs-table__sort,.bpjs-file-row__retry,.bpjs-dropdown-item,.bpjs-text-field__control,.bpjs-textarea__control,.bpjs-select__control,.bpjs-select__native{font-family:var(--bpjs-font-family)}.bpjs-scroll-lock{overflow:hidden}@keyframes bpjs-spin{to{transform:rotate(360deg)}}.bpjs-icon{width:var(--bpjs-icon-size,var(--bpjs-icon-size-md));height:var(--bpjs-icon-size,var(--bpjs-icon-size-md));vertical-align:middle;flex:none;display:inline-block}.bpjs-icon--xs{--bpjs-icon-size:var(--bpjs-icon-size-xs)}.bpjs-icon--sm{--bpjs-icon-size:var(--bpjs-icon-size-sm)}.bpjs-icon--md{--bpjs-icon-size:var(--bpjs-icon-size-md)}.bpjs-icon--lg{--bpjs-icon-size:var(--bpjs-icon-size-lg)}.bpjs-icon--xl{--bpjs-icon-size:var(--bpjs-icon-size-xl)}.bpjs-button{--bpjs-button-bg:var(--bpjs-background-brand-primary);--bpjs-button-bg-hover:var(--bpjs-background-brand-secondary);--bpjs-button-fg:var(--bpjs-text-white);--bpjs-button-border:transparent;--bpjs-button-shadow:0 0 #0000;--bpjs-button-ring:var(--bpjs-shadow-focus);--bpjs-button-height:40px;--bpjs-button-padding-x:var(--bpjs-spacing-14);--bpjs-button-font:var(--bpjs-text-sm-semibold);--bpjs-icon-size:var(--bpjs-icon-size-md);box-sizing:border-box;justify-content:center;align-items:center;gap:var(--bpjs-spacing-6);min-height:var(--bpjs-button-height);padding:0 calc(var(--bpjs-button-padding-x) - 1px);border:1px solid var(--bpjs-button-border);border-radius:var(--bpjs-brand-radius-components);background-color:var(--bpjs-button-bg);box-shadow:var(--bpjs-button-shadow);color:var(--bpjs-button-fg);font:var(--bpjs-button-font);text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline-offset:2px;outline:2px solid #0000;margin:0;text-decoration:none;transition:background-color .15s,box-shadow .15s,color .15s;display:inline-flex}.bpjs-button--secondary{--bpjs-button-bg:var(--bpjs-background-high);--bpjs-button-bg-hover:var(--bpjs-background-medium);--bpjs-button-fg:var(--bpjs-text-high);--bpjs-button-border:var(--bpjs-border-very-low)}.bpjs-button--tertiary{--bpjs-button-bg:var(--bpjs-background-high);--bpjs-button-bg-hover:var(--bpjs-background-medium);--bpjs-button-fg:var(--bpjs-text-brand)}.bpjs-button--ghost{--bpjs-button-bg:var(--bpjs-background-high);--bpjs-button-bg-hover:var(--bpjs-background-medium);--bpjs-button-fg:var(--bpjs-text-brand);--bpjs-button-border:var(--bpjs-border-brand-primary)}.bpjs-button--danger{--bpjs-button-bg:var(--bpjs-background-danger-hard);--bpjs-button-bg-hover:var(--bpjs-red-600);--bpjs-button-fg:var(--bpjs-text-white);--bpjs-button-ring:var(--bpjs-shadow-focus-danger)}.bpjs-button--text{--bpjs-button-bg:transparent;--bpjs-button-bg-hover:transparent;--bpjs-button-fg:var(--bpjs-text-brand);border-radius:var(--bpjs-radius-xs);border:0;min-height:0;padding:0}.bpjs-button--sm{--bpjs-button-height:36px;--bpjs-button-padding-x:var(--bpjs-spacing-md)}.bpjs-button--md{--bpjs-button-height:40px;--bpjs-button-padding-x:var(--bpjs-spacing-14)}.bpjs-button--lg{--bpjs-button-height:44px;--bpjs-button-padding-x:var(--bpjs-spacing-14);--bpjs-button-font:var(--bpjs-text-md-semibold)}.bpjs-button--xl{--bpjs-button-height:48px;--bpjs-button-padding-x:var(--bpjs-spacing-lg);--bpjs-button-font:var(--bpjs-text-md-semibold)}.bpjs-button--icon-only{width:var(--bpjs-button-height);padding:0}.bpjs-button--icon-only.bpjs-button--text{width:auto}.bpjs-button--block{width:100%;display:flex}.bpjs-button--gradient{--bpjs-button-gradient:var(--bpjs-background-gradient-primary);--bpjs-button-stroke:var(--bpjs-border-gradient-primary);background-image:var(--bpjs-button-gradient), var(--bpjs-button-stroke), var(--bpjs-button-gradient);background-origin:border-box;background-clip:padding-box,border-box,border-box;border-color:#0000}.bpjs-button--gradient.bpjs-button--danger{--bpjs-button-gradient:var(--bpjs-background-gradient-danger)}.bpjs-button--gradient.bpjs-button--secondary,.bpjs-button--gradient.bpjs-button--ghost,.bpjs-button--gradient.bpjs-button--tertiary{--bpjs-button-gradient:linear-gradient(var(--bpjs-button-bg) 0 0);--bpjs-button-stroke:var(--bpjs-border-gradient-low)}.bpjs-button--gradient.bpjs-button--secondary{--bpjs-button-shadow:var(--bpjs-shadow-border-gray)}.bpjs-button--gradient.bpjs-button--ghost{--bpjs-button-shadow:var(--bpjs-shadow-border-brand)}.bpjs-button--gradient.bpjs-button--tertiary{--bpjs-button-stroke:linear-gradient(transparent 0 0)}.bpjs-button--gradient.bpjs-button--text{background-image:none}.bpjs-button:not(:disabled,[aria-disabled=true],[aria-busy=true]):hover{--bpjs-button-bg:var(--bpjs-button-bg-hover)}.bpjs-button--gradient:not(:disabled,[aria-disabled=true],[aria-busy=true]):hover{--bpjs-button-gradient:linear-gradient(var(--bpjs-button-bg-hover) 0 0)}.bpjs-button--text:not(:disabled,[aria-disabled=true],[aria-busy=true]):hover{text-decoration:underline}.bpjs-button:focus-visible{box-shadow:var(--bpjs-button-shadow), var(--bpjs-button-ring)}.bpjs-button:disabled,.bpjs-button[aria-disabled=true]{--bpjs-button-bg:var(--bpjs-background-medium);--bpjs-button-fg:var(--bpjs-text-low);--bpjs-button-border:transparent;--bpjs-button-shadow:0 0 #0000;cursor:not-allowed}.bpjs-button--gradient:disabled,.bpjs-button--gradient[aria-disabled=true]{--bpjs-button-gradient:linear-gradient(var(--bpjs-background-medium) 0 0);--bpjs-button-stroke:var(--bpjs-border-gradient-low)}.bpjs-button--text:disabled,.bpjs-button--text[aria-disabled=true]{--bpjs-button-bg:transparent}.bpjs-button[aria-busy=true]{cursor:progress;pointer-events:none}.bpjs-button[aria-busy=true]>.bpjs-icon{display:none}.bpjs-button[aria-busy=true]:before{content:"";box-sizing:border-box;width:var(--bpjs-icon-size);height:var(--bpjs-icon-size);border-radius:var(--bpjs-radius-round);border:2px solid;border-right-color:#0000;flex:none;animation:.8s linear infinite bpjs-spin}.bpjs-button--icon-only[aria-busy=true]>:not(.bpjs-icon){display:none}@media (prefers-reduced-motion:reduce){.bpjs-button{transition:none}.bpjs-button[aria-busy=true]:before{animation-duration:2.4s}}.bpjs-modal{--bpjs-modal-width:480px;--bpjs-modal-gutter:var(--bpjs-spacing-6xl);--bpjs-modal-backdrop:#000000a6;box-sizing:border-box;width:min(var(--bpjs-modal-width), calc(100vw - 2 * var(--bpjs-spacing-lg)));max-width:none;max-height:calc(100dvh - 2 * var(--bpjs-modal-gutter));border-radius:var(--bpjs-radius-lg);background-color:var(--bpjs-background-high);box-shadow:var(--bpjs-shadow-md);color:var(--bpjs-text-high);font:var(--bpjs-text-sm-regular);border:0;margin:auto;padding:0;overflow:hidden}.bpjs-modal[open]{flex-direction:column;animation:.16s ease-out bpjs-modal-in;display:flex}.bpjs-modal::backdrop{background-color:var(--bpjs-modal-backdrop)}.bpjs-modal[open]::backdrop{animation:.16s ease-out bpjs-modal-backdrop-in}.bpjs-modal--sm{--bpjs-modal-width:480px}.bpjs-modal--md{--bpjs-modal-width:600px}.bpjs-modal--lg{--bpjs-modal-width:720px}@media (width<=480px){.bpjs-modal{--bpjs-modal-gutter:var(--bpjs-spacing-lg)}}.bpjs-modal__header{align-items:flex-start;gap:var(--bpjs-spacing-lg);padding:var(--bpjs-spacing-20);flex:none;display:flex}.bpjs-modal__heading{gap:var(--bpjs-spacing-lg);flex-direction:column;flex:auto;min-width:0;display:flex}.bpjs-modal__icon{box-sizing:border-box;border:1px solid var(--bpjs-border-very-low);border-radius:var(--bpjs-radius-sm);background-color:var(--bpjs-background-high);width:40px;height:40px;color:var(--bpjs-text-high);--bpjs-icon-size:var(--bpjs-icon-size-lg);justify-content:center;align-items:center;display:inline-flex}.bpjs-modal__titles{gap:var(--bpjs-spacing-2xs);flex-direction:column;display:flex}.bpjs-modal__title{color:var(--bpjs-text-high);font:var(--bpjs-text-md-semibold);margin:0}.bpjs-modal__description{color:var(--bpjs-text-medium);font:var(--bpjs-text-sm-regular);margin:0}.bpjs-modal__close{box-sizing:border-box;border-radius:var(--bpjs-brand-radius-components);width:36px;height:36px;color:var(--bpjs-text-medium);cursor:pointer;outline-offset:2px;--bpjs-icon-size:var(--bpjs-icon-size-md);background-color:#0000;border:0;outline:2px solid #0000;flex:none;justify-content:center;align-items:center;margin:0;padding:0;transition:background-color .15s;display:inline-flex}.bpjs-modal__close:hover{background-color:var(--bpjs-background-medium);color:var(--bpjs-text-high)}.bpjs-modal__close:focus-visible{box-shadow:var(--bpjs-shadow-focus)}.bpjs-modal__body{min-height:0;padding:0 var(--bpjs-spacing-20) var(--bpjs-spacing-20);overscroll-behavior:contain;flex:auto;overflow-y:auto}.bpjs-modal__footer{box-sizing:border-box;gap:var(--bpjs-spacing-md);padding:var(--bpjs-spacing-20);box-shadow:inset 0 1px 0 var(--bpjs-border-very-low);flex:none;display:flex}.bpjs-modal__footer>*{flex:1 1 0;min-width:0}.bpjs-modal__footer--end{justify-content:flex-end}.bpjs-modal__footer--end>*{flex:none}@keyframes bpjs-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes bpjs-modal-backdrop-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.bpjs-modal[open],.bpjs-modal[open]::backdrop{animation:none}}.bpjs-heading{--bpjs-type-size:var(--bpjs-display-md-font-size);--bpjs-type-leading:var(--bpjs-display-md-line-height)}.bpjs-subtitle{--bpjs-type-size:var(--bpjs-text-lg-font-size);--bpjs-type-leading:var(--bpjs-text-lg-line-height)}.bpjs-body{--bpjs-type-size:var(--bpjs-text-sm-font-size);--bpjs-type-leading:var(--bpjs-text-sm-line-height)}.bpjs-note{--bpjs-type-size:var(--bpjs-text-xs-font-size);--bpjs-type-leading:var(--bpjs-text-xs-line-height)}.bpjs-heading,.bpjs-subtitle,.bpjs-body,.bpjs-note{--bpjs-type-weight:var(--bpjs-font-weight-regular);color:var(--bpjs-text-high);font-family:var(--bpjs-font-family);font-size:var(--bpjs-type-size);font-weight:var(--bpjs-type-weight);line-height:var(--bpjs-type-leading);margin:0}.bpjs-heading--2xl{--bpjs-type-size:var(--bpjs-display-2xl-font-size);--bpjs-type-leading:var(--bpjs-display-2xl-line-height)}.bpjs-heading--xl{--bpjs-type-size:var(--bpjs-display-xl-font-size);--bpjs-type-leading:var(--bpjs-display-xl-line-height)}.bpjs-heading--lg{--bpjs-type-size:var(--bpjs-display-lg-font-size);--bpjs-type-leading:var(--bpjs-display-lg-line-height)}.bpjs-heading--md{--bpjs-type-size:var(--bpjs-display-md-font-size);--bpjs-type-leading:var(--bpjs-display-md-line-height)}.bpjs-heading--sm{--bpjs-type-size:var(--bpjs-display-sm-font-size);--bpjs-type-leading:var(--bpjs-display-sm-line-height)}.bpjs-heading--xs{--bpjs-type-size:var(--bpjs-display-xs-font-size);--bpjs-type-leading:var(--bpjs-display-xs-line-height)}.bpjs-subtitle--lg{--bpjs-type-size:var(--bpjs-text-xl-font-size);--bpjs-type-leading:var(--bpjs-text-xl-line-height)}.bpjs-body--lg{--bpjs-type-size:var(--bpjs-text-md-font-size);--bpjs-type-leading:var(--bpjs-text-md-line-height)}.bpjs-heading--medium,.bpjs-subtitle--medium,.bpjs-body--medium,.bpjs-note--medium{--bpjs-type-weight:var(--bpjs-font-weight-medium)}.bpjs-heading--semibold,.bpjs-subtitle--semibold,.bpjs-body--semibold,.bpjs-note--semibold{--bpjs-type-weight:var(--bpjs-font-weight-semi-bold)}.bpjs-heading--bold,.bpjs-subtitle--bold,.bpjs-body--bold,.bpjs-note--bold{--bpjs-type-weight:var(--bpjs-font-weight-bold)}.bpjs-heading--extra-bold,.bpjs-subtitle--extra-bold,.bpjs-body--extra-bold,.bpjs-note--extra-bold{--bpjs-type-weight:var(--bpjs-font-weight-extra-bold)}.bpjs-subtitle--level-medium,.bpjs-body--level-medium,.bpjs-note--level-medium{color:var(--bpjs-text-medium)}.bpjs-subtitle--level-low,.bpjs-body--level-low,.bpjs-note--level-low{color:var(--bpjs-text-low)}.bpjs-subtitle--level-very-low,.bpjs-body--level-very-low,.bpjs-note--level-very-low{color:var(--bpjs-text-very-low)}.bpjs-control-field:focus-within{border-color:var(--bpjs-border-brand-primary);box-shadow:var(--bpjs-shadow-focus)}.bpjs-control-field:has(:is(input,textarea,select)[aria-invalid=true]){border-color:var(--bpjs-border-danger-hard)}.bpjs-control-field:focus-within:has(:is(input,textarea,select)[aria-invalid=true]){box-shadow:var(--bpjs-shadow-focus-danger)}.bpjs-control-field:has(:is(input,textarea,select):disabled){background-color:var(--bpjs-background-medium);color:var(--bpjs-text-low)}.bpjs-control-field:has(:is(input,textarea,select):disabled) :is(input,textarea,select){cursor:not-allowed;color:var(--bpjs-text-low)}.bpjs-control-field:has(:is(input,textarea):disabled) :is(input,textarea)::placeholder{color:var(--bpjs-text-very-low)}@media (forced-colors:active){.bpjs-control-field:focus-within{outline-offset:2px;outline:2px solid highlight}}.bpjs-text-field{--bpjs-icon-size:var(--bpjs-icon-size-md);box-sizing:border-box;border:1px solid var(--bpjs-border-very-low);border-radius:var(--bpjs-radius-sm);background-color:var(--bpjs-background-high);width:100%;height:40px;color:var(--bpjs-text-high);font:var(--bpjs-text-sm-regular);align-items:stretch;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.bpjs-text-field__control{box-sizing:border-box;min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:auto;margin:0;padding:0}.bpjs-text-field__control:first-child{padding-inline-start:var(--bpjs-spacing-md)}.bpjs-text-field__control:last-child{padding-inline-end:var(--bpjs-spacing-md)}.bpjs-text-field__control::placeholder{color:var(--bpjs-text-medium);opacity:1}.bpjs-text-field__icon{margin-inline:var(--bpjs-spacing-md);flex:none;align-self:center}.bpjs-text-field__addon{box-sizing:border-box;padding:var(--bpjs-spacing-sm) var(--bpjs-spacing-md);color:var(--bpjs-text-high);font:var(--bpjs-text-sm-medium);white-space:nowrap;flex:none;align-items:center;display:flex}.bpjs-text-field__addon--prefix{border-right:1px solid var(--bpjs-border-very-low)}.bpjs-text-field__addon--suffix{border-left:1px solid var(--bpjs-border-very-low)}.bpjs-textarea{box-sizing:border-box;border:1px solid var(--bpjs-border-very-low);border-radius:var(--bpjs-radius-sm);background-color:var(--bpjs-background-high);width:100%;height:100px;color:var(--bpjs-text-high);font:var(--bpjs-text-sm-regular);transition:border-color .15s,box-shadow .15s;display:flex}.bpjs-textarea__control{box-sizing:border-box;border-radius:inherit;min-width:0;height:100%;min-height:0;color:inherit;font:inherit;resize:vertical;background:0 0;border:0;outline:none;flex:auto;margin:0;padding:10px 12px 12px 10px}.bpjs-textarea__control::placeholder{color:var(--bpjs-text-medium);opacity:1}.bpjs-textarea__control:disabled{cursor:not-allowed;resize:none}.bpjs-checkbox{--bpjs-checkbox-size:16px;--bpjs-checkbox-radius:var(--bpjs-radius-xs);--bpjs-checkbox-mark:12px;color:var(--bpjs-text-high);font:var(--bpjs-text-sm-regular);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex;position:relative}.bpjs-checkbox--lg{--bpjs-checkbox-size:20px;--bpjs-checkbox-radius:6px;--bpjs-checkbox-mark:14px;font-size:16px}.bpjs-checkbox__control{clip-path:inset(50%);white-space:nowrap;opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bpjs-checkbox__box{box-sizing:border-box;width:var(--bpjs-checkbox-size);height:var(--bpjs-checkbox-size);border:1px solid var(--bpjs-border-very-low);border-radius:var(--bpjs-checkbox-radius);background-color:var(--bpjs-background-high);flex:none;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.bpjs-checkbox__mark{--bpjs-icon-size:var(--bpjs-checkbox-mark);color:var(--bpjs-text-white);display:none}.bpjs-checkbox__control:checked:not(:indeterminate)+.bpjs-checkbox__box .bpjs-checkbox__mark--check,.bpjs-checkbox__control:indeterminate+.bpjs-checkbox__box .bpjs-checkbox__mark--minus{display:inline-block}.bpjs-checkbox__control:checked+.bpjs-checkbox__box,.bpjs-checkbox__control:indeterminate+.bpjs-checkbox__box{border-color:var(--bpjs-border-brand-primary);background-color:var(--bpjs-background-brand-primary)}.bpjs-checkbox__control:focus-visible+.bpjs-checkbox__box{box-shadow:var(--bpjs-shadow-focus)}.bpjs-checkbox:has(.bpjs-checkbox__control:disabled){cursor:not-allowed;color:var(--bpjs-text-low)}.bpjs-checkbox__control:disabled+.bpjs-checkbox__box{border-color:var(--bpjs-border-very-low);background-color:var(--bpjs-background-medium)}.bpjs-checkbox__control:disabled:checked+.bpjs-checkbox__box,.bpjs-checkbox__control:disabled:indeterminate+.bpjs-checkbox__box{border-color:var(--bpjs-border-brand-primary);background-color:var(--bpjs-background-brand-primary-soft)}@media (forced-colors:active){.bpjs-checkbox__control:focus-visible+.bpjs-checkbox__box{outline-offset:2px;outline:2px solid highlight}}.bpjs-radio{--bpjs-radio-size:16px;--bpjs-radio-dot:6px;color:var(--bpjs-text-high);font:var(--bpjs-text-sm-regular);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex;position:relative}.bpjs-radio--lg{--bpjs-radio-size:20px;--bpjs-radio-dot:8px;font-size:16px}.bpjs-radio__control{clip-path:inset(50%);white-space:nowrap;opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bpjs-radio__dot{box-sizing:border-box;width:var(--bpjs-radio-size);height:var(--bpjs-radio-size);border:1px solid var(--bpjs-border-very-low);border-radius:var(--bpjs-radius-round);background-color:var(--bpjs-background-high);flex:none;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.bpjs-radio__dot:after{content:"";width:var(--bpjs-radio-dot);height:var(--bpjs-radio-dot);border-radius:var(--bpjs-radius-round);background-color:var(--bpjs-background-white-static);transition:transform .15s;transform:scale(0)}.bpjs-radio__control:checked+.bpjs-radio__dot{border-color:var(--bpjs-border-brand-primary);background-color:var(--bpjs-background-brand-primary)}.bpjs-radio__control:checked+.bpjs-radio__dot:after{transform:scale(1)}.bpjs-radio__control:focus-visible+.bpjs-radio__dot{box-shadow:var(--bpjs-shadow-focus);border-color:var(--bpjs-border-brand-primary)}.bpjs-radio:has(.bpjs-radio__control:disabled){cursor:not-allowed;color:var(--bpjs-text-low)}.bpjs-radio__control:disabled+.bpjs-radio__dot{border-color:var(--bpjs-border-very-low);background-color:var(--bpjs-background-medium)}.bpjs-radio__control:disabled:checked+.bpjs-radio__dot{border-color:var(--bpjs-border-brand-primary);background-color:var(--bpjs-background-brand-primary-soft)}@media (forced-colors:active){.bpjs-radio__control:focus-visible+.bpjs-radio__dot{outline-offset:2px;outline:2px solid highlight}}.bpjs-radio-card{--bpjs-radio-size:16px;--bpjs-radio-dot:6px;box-sizing:border-box;border:1px solid var(--bpjs-border-very-low);background-color:var(--bpjs-background-medium);width:100%;color:var(--bpjs-text-high);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:16px;padding:16px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex;position:relative}.bpjs-radio-card__control{clip-path:inset(50%);white-space:nowrap;opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bpjs-radio-card__icon{--bpjs-icon-size:var(--bpjs-icon-size-md);color:var(--bpjs-text-high);flex:none;justify-content:center;align-items:center;display:inline-flex}.bpjs-radio-card__content{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.bpjs-radio-card__value{color:var(--bpjs-text-high);font:var(--bpjs-text-sm-medium)}.bpjs-radio-card__description{color:var(--bpjs-text-high);font:var(--bpjs-text-xs-regular)}.bpjs-radio-card__icon{order:1}.bpjs-radio-card__content{order:2}.bpjs-radio-card .bpjs-radio__dot{flex:none;order:3}.bpjs-radio-card:has(.bpjs-radio-card__control:checked){border-color:var(--bpjs-border-brand-primary);background-color:var(--bpjs-background-high)}.bpjs-radio-card:has(.bpjs-radio-card__control:checked) .bpjs-radio-card__value,.bpjs-radio-card:has(.bpjs-radio-card__control:checked) .bpjs-radio-card__icon{color:var(--bpjs-text-brand)}.bpjs-radio-card:has(.bpjs-radio-card__control:focus-visible){box-shadow:var(--bpjs-shadow-focus)}.bpjs-radio-card:has(.bpjs-radio-card__control:disabled){cursor:not-allowed;background-color:var(--bpjs-background-medium);color:var(--bpjs-text-low)}.bpjs-radio-card:has(.bpjs-radio-card__control:disabled) .bpjs-radio-card__value,.bpjs-radio-card:has(.bpjs-radio-card__control:disabled) .bpjs-radio-card__description,.bpjs-radio-card:has(.bpjs-radio-card__control:disabled) .bpjs-radio-card__icon{color:var(--bpjs-text-low)}.bpjs-switch-field{--bpjs-switch-width:36px;--bpjs-switch-height:20px;--bpjs-switch-thumb:16px;color:var(--bpjs-text-high);font:var(--bpjs-text-sm-medium);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex;position:relative}.bpjs-switch-field--lg{--bpjs-switch-width:44px;--bpjs-switch-height:24px;--bpjs-switch-thumb:20px}.bpjs-switch{clip-path:inset(50%);white-space:nowrap;opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bpjs-switch__track{box-sizing:border-box;width:var(--bpjs-switch-width);height:var(--bpjs-switch-height);border-radius:var(--bpjs-radius-round);background-color:var(--bpjs-background-low);flex:none;transition:background-color .15s,box-shadow .15s;display:inline-block;position:relative}.bpjs-switch__thumb{width:var(--bpjs-switch-thumb);height:var(--bpjs-switch-thumb);border-radius:var(--bpjs-radius-round);background-color:var(--bpjs-background-white-static);transition:transform .15s;position:absolute;top:2px;left:2px}.bpjs-switch:checked+.bpjs-switch__track{background-color:var(--bpjs-background-brand-primary)}.bpjs-switch:checked+.bpjs-switch__track .bpjs-switch__thumb{transform:translateX(calc(var(--bpjs-switch-width) - var(--bpjs-switch-thumb) - 4px))}.bpjs-switch:focus-visible+.bpjs-switch__track{box-shadow:var(--bpjs-shadow-focus)}.bpjs-switch-field:has(.bpjs-switch:disabled){cursor:not-allowed;color:var(--bpjs-text-low)}.bpjs-switch:disabled+.bpjs-switch__track{background-color:var(--bpjs-background-medium)}.bpjs-switch:disabled:checked+.bpjs-switch__track{background-color:var(--bpjs-background-brand-primary-soft);opacity:1}@media (prefers-reduced-motion:reduce){.bpjs-switch__thumb,.bpjs-switch__track{transition:none}}@media (forced-colors:active){.bpjs-switch:focus-visible+.bpjs-switch__track{outline-offset:2px;outline:2px solid highlight}}.bpjs-pill{box-sizing:border-box;border:1px solid var(--bpjs-border-very-low);border-radius:var(--bpjs-radius-round);background-color:var(--bpjs-background-medium);height:32px;color:var(--bpjs-text-medium);font:var(--bpjs-text-xs-medium);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:6px 8px 6px 6px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:inline-flex;position:relative}.bpjs-pill__icon{--bpjs-icon-size:var(--bpjs-icon-size-sm);color:var(--bpjs-text-high);flex:none}.bpjs-pill__label{line-height:18px}.bpjs-pill--active{border-color:var(--bpjs-border-brand-primary);background-color:var(--bpjs-background-high);color:var(--bpjs-text-brand);font:var(--bpjs-text-xs-semibold)}.bpjs-pill--active .bpjs-pill__icon{color:var(--bpjs-text-brand)}.bpjs-pill__badge{box-sizing:border-box;border:1px solid var(--bpjs-border-info-soft);border-radius:var(--bpjs-radius-round);background-color:var(--bpjs-background-brand-primary);height:20px;color:var(--bpjs-text-white);font:var(--bpjs-text-xs-semibold);align-items:center;gap:2px;padding:2px 6px 2px 4px;display:inline-flex}.bpjs-pill__dot{border-radius:var(--bpjs-radius-round);background-color:var(--bpjs-background-high);width:6px;height:6px}.bpjs-pill--active .bpjs-pill__badge{background-color:var(--bpjs-background-brand-primary)}.bpjs-pill--radio{--bpjs-radio-size:16px;--bpjs-radio-dot:6px;padding:6px 12px 6px 6px}.bpjs-pill--radio .bpjs-radio__control{clip-path:inset(50%);white-space:nowrap;opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bpjs-pill--radio .bpjs-radio__dot{order:3}.bpjs-pill--radio .bpjs-pill__icon{order:1}.bpjs-pill--radio .bpjs-pill__label{order:2}.bpjs-pill--radio .bpjs-pill__badge{order:4}.bpjs-pill--radio:has(.bpjs-radio__control:checked){border-color:var(--bpjs-border-brand-primary);background-color:var(--bpjs-background-high);color:var(--bpjs-text-brand);font:var(--bpjs-text-xs-semibold)}.bpjs-pill--radio:has(.bpjs-radio__control:focus-visible){box-shadow:var(--bpjs-shadow-focus)}.bpjs-pill--radio:has(.bpjs-radio__control:disabled){cursor:not-allowed;color:var(--bpjs-text-low)}.bpjs-pill:disabled,.bpjs-pill[aria-disabled=true]{cursor:not-allowed;color:var(--bpjs-text-low);background-color:var(--bpjs-background-medium)}.bpjs-pill:focus-visible{box-shadow:var(--bpjs-shadow-focus);outline:none}@media (forced-colors:active){.bpjs-pill:focus-visible{outline-offset:2px;outline:2px solid highlight}}.bpjs-form-item{gap:var(--bpjs-spacing-6);min-width:0;color:var(--bpjs-text-high);font:var(--bpjs-text-sm-regular);flex-direction:column;display:flex}.bpjs-form-item__label{color:var(--bpjs-text-high);font:var(--bpjs-text-sm-medium);margin:0}.bpjs-form-item__caption{--bpjs-icon-size:var(--bpjs-icon-size-sm);align-items:center;gap:var(--bpjs-spacing-xs);color:var(--bpjs-text-medium);font:var(--bpjs-text-sm-regular);margin:0;display:flex}.bpjs-form-item:has(:is(input,textarea,select):disabled) .bpjs-form-item__label,.bpjs-form-item:has(:is(input,textarea,select):disabled) .bpjs-form-item__caption{color:var(--bpjs-text-low)}.bpjs-form-item:has([aria-invalid=true]) .bpjs-form-item__caption{color:var(--bpjs-text-danger)}.bpjs-select{--bpjs-icon-size:var(--bpjs-icon-size-md);box-sizing:border-box;border:1px solid var(--bpjs-border-very-low);border-radius:var(--bpjs-radius-sm);background-color:var(--bpjs-background-high);width:100%;height:40px;color:var(--bpjs-text-high);font:var(--bpjs-text-sm-regular);align-items:stretch;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.bpjs-select__control{box-sizing:border-box;min-width:0;height:100%;padding:0 calc(var(--bpjs-spacing-md) + var(--bpjs-icon-size-md) + var(--bpjs-spacing-xs)) 0 var(--bpjs-spacing-md);color:inherit;font:inherit;appearance:none;cursor:pointer;background:0 0;border:0;outline:none;flex:auto;margin:0}.bpjs-select__control:has(>option[value=""]:checked){color:var(--bpjs-text-medium)}.bpjs-select__control:disabled{cursor:not-allowed}.bpjs-select__icon{top:50%;right:var(--bpjs-spacing-md);color:var(--bpjs-text-high);pointer-events:none;position:absolute;transform:translateY(-50%)}.bpjs-select__addon{box-sizing:border-box;padding:var(--bpjs-spacing-sm) var(--bpjs-spacing-md);color:var(--bpjs-text-high);font:var(--bpjs-text-sm-medium);white-space:nowrap;flex:none;align-items:center;display:flex}.bpjs-select__addon--prefix{border-right:1px solid var(--bpjs-border-very-low)}.bpjs-select:has(.bpjs-select__control:disabled) .bpjs-select__icon{color:var(--bpjs-text-low)}.bpjs-select:has(.bpjs-select__control:disabled) .bpjs-select__control:has(>option[value=""]:checked){color:var(--bpjs-text-very-low)}.bpjs-avatar{--bpjs-avatar-size:40px;--bpjs-avatar-status-size:14px;--bpjs-avatar-font:var(--bpjs-text-md-medium);box-sizing:border-box;width:var(--bpjs-avatar-size);height:var(--bpjs-avatar-size);border:1px solid var(--bpjs-border-low);border-radius:var(--bpjs-radius-round);background-color:var(--bpjs-background-medium);color:var(--bpjs-text-medium);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:visible}.bpjs-avatar--xs{--bpjs-avatar-size:24px;--bpjs-avatar-status-size:10px;--bpjs-avatar-font:var(--bpjs-font-weight-medium) 10px / 14px var(--bpjs-font-family)}.bpjs-avatar--sm{--bpjs-avatar-size:32px;--bpjs-avatar-status-size:12px;--bpjs-avatar-font:var(--bpjs-text-sm-medium)}.bpjs-avatar--md{--bpjs-avatar-size:40px;--bpjs-avatar-status-size:14px;--bpjs-avatar-font:var(--bpjs-text-md-medium)}.bpjs-avatar--lg{--bpjs-avatar-size:48px;--bpjs-avatar-status-size:16px;--bpjs-avatar-font:var(--bpjs-text-lg-medium)}.bpjs-avatar--xl{--bpjs-avatar-size:56px;--bpjs-avatar-status-size:18px;--bpjs-avatar-font:var(--bpjs-display-xs-medium)}.bpjs-avatar--2xl{--bpjs-avatar-size:64px;--bpjs-avatar-status-size:20px;--bpjs-avatar-font:var(--bpjs-display-xs-medium)}.bpjs-avatar__image{border-radius:inherit;object-fit:cover;width:100%;height:100%}.bpjs-avatar__icon{--bpjs-icon-size:calc(var(--bpjs-avatar-size) * .6);color:var(--bpjs-text-high)}.bpjs-avatar__text{font:var(--bpjs-avatar-font);color:var(--bpjs-text-medium);text-transform:uppercase}.bpjs-avatar__status{--bpjs-avatar-status-color:var(--bpjs-color-greens-400);box-sizing:border-box;width:var(--bpjs-avatar-status-size);height:var(--bpjs-avatar-status-size);border:1.5px solid var(--bpjs-background-white-static);border-radius:var(--bpjs-radius-round);background-color:var(--bpjs-avatar-status-color);color:var(--bpjs-text-white);justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:-1px;right:-1px}.bpjs-avatar__status--inactive{--bpjs-avatar-status-color:var(--bpjs-background-low)}.bpjs-avatar__status--badge{--bpjs-avatar-status-color:var(--bpjs-background-danger-hard);font:var(--bpjs-text-xs-semibold);font-size:9px;line-height:1}.bpjs-avatar__status--icon{--bpjs-avatar-status-color:var(--bpjs-background-high);color:var(--bpjs-text-high)}.bpjs-avatar__status--icon .bpjs-icon{--bpjs-icon-size:calc(var(--bpjs-avatar-status-size) * .5);color:inherit}@media (forced-colors:active){.bpjs-avatar__status{border-color:canvas}}.bpjs-badge{--bpjs-badge-height:22px;--bpjs-badge-font:var(--bpjs-text-xs-semibold);--bpjs-badge-fill:var(--bpjs-background-high);--bpjs-badge-border:var(--bpjs-border-very-low);--bpjs-badge-text:var(--bpjs-text-high);--bpjs-badge-dot:var(--bpjs-text-high);box-sizing:border-box;height:var(--bpjs-badge-height);border:1px solid var(--bpjs-badge-border);border-radius:var(--bpjs-radius-xs);background-color:var(--bpjs-badge-fill);color:var(--bpjs-badge-text);font:var(--bpjs-badge-font);white-space:nowrap;flex:none;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.bpjs-badge--md{--bpjs-badge-height:24px;--bpjs-badge-font:var(--bpjs-text-sm-semibold)}.bpjs-badge--lg{--bpjs-badge-height:28px;--bpjs-badge-font:var(--bpjs-text-sm-semibold)}.bpjs-badge__icon{--bpjs-icon-size:var(--bpjs-icon-size-sm);color:inherit;flex:none}.bpjs-badge__dot{border-radius:var(--bpjs-radius-round);background-color:var(--bpjs-badge-dot);flex:none;width:6px;height:6px}.bpjs-badge--icon-only{width:var(--bpjs-badge-height);justify-content:center;padding:2px}.bpjs-badge--icon-only .bpjs-badge__icon{margin:0}.bpjs-badge--neutral.bpjs-badge--hard{--bpjs-badge-fill:var(--bpjs-background-medium)}.bpjs-badge--info{--bpjs-badge-dot:var(--bpjs-background-info-hard)}.bpjs-badge--info.bpjs-badge--hard{--bpjs-badge-fill:var(--bpjs-background-info-soft);--bpjs-badge-border:var(--bpjs-border-info-soft);--bpjs-badge-text:var(--bpjs-text-info)}.bpjs-badge--success{--bpjs-badge-dot:var(--bpjs-background-success-hard)}.bpjs-badge--success.bpjs-badge--hard{--bpjs-badge-fill:var(--bpjs-background-success-soft);--bpjs-badge-border:var(--bpjs-border-success-soft);--bpjs-badge-text:var(--bpjs-text-success)}.bpjs-badge--warning{--bpjs-badge-dot:var(--bpjs-background-warning-hard)}.bpjs-badge--warning.bpjs-badge--hard{--bpjs-badge-fill:var(--bpjs-background-warning-soft);--bpjs-badge-border:var(--bpjs-border-warning-soft);--bpjs-badge-text:var(--bpjs-text-warning)}.bpjs-badge--danger{--bpjs-badge-dot:var(--bpjs-background-danger-hard)}.bpjs-badge--danger.bpjs-badge--hard{--bpjs-badge-fill:var(--bpjs-background-danger-soft);--bpjs-badge-border:var(--bpjs-border-danger-soft);--bpjs-badge-text:var(--bpjs-text-danger)}@media (forced-colors:active){.bpjs-badge{border-color:canvastext}}.bpjs-swiper-dots{align-items:center;gap:4px;display:inline-flex}.bpjs-swiper-dot{box-sizing:border-box;border-radius:var(--bpjs-radius-round);background-color:var(--bpjs-background-gray);width:8px;height:8px;transition:background-color .15s}.bpjs-swiper-dot--active{background-color:var(--bpjs-background-brand-primary)}.bpjs-swiper-progress{--bpjs-swiper-progress:0%;border-radius:var(--bpjs-radius-round);background-color:var(--bpjs-background-gray);width:72px;height:6px;position:relative;overflow:hidden}.bpjs-swiper-progress__bar{width:var(--bpjs-swiper-progress);border-radius:inherit;background-color:var(--bpjs-background-brand-primary);transition:width .3s;position:absolute;inset:0 auto 0 0}@media (prefers-reduced-motion:reduce){.bpjs-swiper-dot,.bpjs-swiper-progress__bar{transition:none}}.bpjs-stepper{--bpjs-step-marker:24px;--bpjs-step-line:var(--bpjs-border-very-low);margin:0;padding:0;list-style:none}.bpjs-stepper--vertical{flex-direction:column;display:flex}.bpjs-stepper--timeline{flex-direction:column;align-items:flex-start;display:flex}.bpjs-step{--bpjs-step-ring:var(--bpjs-border-very-low);box-sizing:border-box;display:flex;position:relative}.bpjs-stepper--vertical .bpjs-step{gap:12px;min-height:52px;padding-bottom:12px}.bpjs-stepper--timeline .bpjs-step{align-items:flex-start;min-height:52px;padding-bottom:0}.bpjs-step:not(:last-child):after{content:"";background-color:var(--bpjs-step-line);position:absolute}.bpjs-stepper--vertical .bpjs-step:not(:last-child):after,.bpjs-stepper--timeline .bpjs-step:not(:last-child):after{top:var(--bpjs-step-marker);bottom:0;left:calc(var(--bpjs-step-marker) / 2 - 1px);width:2px}.bpjs-step__marker{box-sizing:border-box;width:var(--bpjs-step-marker);height:var(--bpjs-step-marker);border:1px solid var(--bpjs-step-ring);border-radius:var(--bpjs-radius-round);background-color:var(--bpjs-background-high);color:var(--bpjs-text-very-low);font:var(--bpjs-text-xs-semibold);flex:none;justify-content:center;align-items:center;display:inline-flex}.bpjs-step__icon{--bpjs-icon-size:var(--bpjs-icon-size-sm);color:inherit}.bpjs-step__content{flex-direction:column;gap:2px;min-width:0;display:flex}.bpjs-step__title{color:var(--bpjs-text-high);font:var(--bpjs-text-sm-semibold)}.bpjs-step__note{color:var(--bpjs-text-medium);font:var(--bpjs-text-xs-regular)}.bpjs-step--idle .bpjs-step__title{color:var(--bpjs-text-medium);font:var(--bpjs-text-sm-regular)}.bpjs-step--active{--bpjs-step-ring:var(--bpjs-border-brand-primary)}.bpjs-step--active .bpjs-step__marker,.bpjs-step--active .bpjs-step__title{color:var(--bpjs-text-brand)}.bpjs-step--done{--bpjs-step-ring:var(--bpjs-background-brand-primary)}.bpjs-step--done .bpjs-step__marker{background-color:var(--bpjs-background-brand-primary);color:var(--bpjs-text-white)}.bpjs-step--active:not(:last-child):after,.bpjs-step--done:not(:last-child):after{--bpjs-step-line:var(--bpjs-background-brand-primary)}@media (forced-colors:active){.bpjs-step--active .bpjs-step__marker,.bpjs-step--done .bpjs-step__marker{border:2px solid canvastext}}.bpjs-tooltip-wrap{display:inline-flex;position:relative}.bpjs-tooltip{--bpjs-tooltip-gap:8px;z-index:10;box-sizing:border-box;border-radius:var(--bpjs-radius-sm);background-color:var(--bpjs-background-black-static);width:max-content;max-width:240px;color:var(--bpjs-text-white);font:var(--bpjs-text-xs-regular);text-align:left;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;gap:2px;padding:8px 12px;transition:opacity .15s,visibility .15s;display:flex;position:absolute}.bpjs-tooltip:after{content:"";background-color:var(--bpjs-background-black-static);clip-path:polygon(0 0,100% 0,50% 100%);width:16px;height:6px;position:absolute}.bpjs-tooltip__title{font:var(--bpjs-text-xs-semibold)}.bpjs-tooltip__description{font:var(--bpjs-text-xs-regular)}.bpjs-tooltip-wrap:hover>.bpjs-tooltip,.bpjs-tooltip-wrap:focus-within>.bpjs-tooltip,.bpjs-tooltip--open{opacity:1;visibility:visible}.bpjs-tooltip--top{bottom:calc(100% + var(--bpjs-tooltip-gap));left:50%;transform:translate(-50%)}.bpjs-tooltip--top:after{top:100%;left:50%;transform:translate(-50%)}.bpjs-tooltip--bottom{top:calc(100% + var(--bpjs-tooltip-gap));left:50%;transform:translate(-50%)}.bpjs-tooltip--bottom:after{bottom:100%;left:50%;transform:translate(-50%)rotate(180deg)}.bpjs-tooltip--top.bpjs-tooltip--start,.bpjs-tooltip--bottom.bpjs-tooltip--start{left:0;transform:none}.bpjs-tooltip--top.bpjs-tooltip--start:after,.bpjs-tooltip--bottom.bpjs-tooltip--start:after{left:12px;transform:none}.bpjs-tooltip--top.bpjs-tooltip--end,.bpjs-tooltip--bottom.bpjs-tooltip--end{left:auto;right:0;transform:none}.bpjs-tooltip--top.bpjs-tooltip--end:after,.bpjs-tooltip--bottom.bpjs-tooltip--end:after{left:auto;right:12px;transform:none}.bpjs-tooltip--left,.bpjs-tooltip--right{top:50%;transform:translateY(-50%)}.bpjs-tooltip--left{right:calc(100% + var(--bpjs-tooltip-gap))}.bpjs-tooltip--right{left:calc(100% + var(--bpjs-tooltip-gap))}.bpjs-tooltip--left:after,.bpjs-tooltip--right:after{clip-path:polygon(0 0,100% 50%,0 100%);width:6px;height:16px;top:50%;transform:translateY(-50%)}.bpjs-tooltip--left:after{left:100%}.bpjs-tooltip--right:after{clip-path:polygon(100% 0,0 50%,100% 100%);right:100%}@media (prefers-reduced-motion:reduce){.bpjs-tooltip{transition:none}}@media (forced-colors:active){.bpjs-tooltip{border:1px solid canvastext}}.bpjs-dropdown{box-sizing:border-box;border:1px solid var(--bpjs-border-very-low);border-radius:var(--bpjs-radius-md);background-color:var(--bpjs-background-high);width:240px;box-shadow:var(--bpjs-shadow-md);flex-direction:column;padding:4px 0;display:flex}.bpjs-dropdown-header{flex-direction:column;gap:0;padding:12px;display:flex}.bpjs-dropdown-header__title{color:var(--bpjs-text-high);font:var(--bpjs-text-sm-semibold)}.bpjs-dropdown-header__description{color:var(--bpjs-text-medium);font:var(--bpjs-text-sm-regular)}.bpjs-dropdown-header--user{flex-direction:row;align-items:center;gap:12px}.bpjs-dropdown-header__text{flex-direction:column;min-width:0;display:flex}.bpjs-dropdown__divider{background-color:var(--bpjs-border-very-low);height:1px;margin:4px 0}.bpjs-dropdown-item{box-sizing:border-box;border-radius:var(--bpjs-radius-sm);background-color:var(--bpjs-background-high);width:100%;height:36px;color:var(--bpjs-text-high);font:inherit;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;border:0;align-items:center;gap:8px;margin:2px 0;padding:8px 6px;display:flex}.bpjs-dropdown-item:hover{background-color:var(--bpjs-background-medium)}.bpjs-dropdown-item__leading{--bpjs-icon-size:var(--bpjs-icon-size-md);color:inherit;flex:none}.bpjs-dropdown-item__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--bpjs-text-sm-medium);flex:auto;overflow:hidden}.bpjs-dropdown-item__trailing{--bpjs-icon-size:var(--bpjs-icon-size-sm);color:inherit;flex:none}.bpjs-dropdown-item:focus-visible{box-shadow:var(--bpjs-shadow-focus);outline:none}.bpjs-dropdown-item:disabled,.bpjs-dropdown-item[aria-disabled=true]{cursor:not-allowed;color:var(--bpjs-text-low)}.bpjs-dropdown-item:disabled:hover,.bpjs-dropdown-item[aria-disabled=true]:hover{background-color:var(--bpjs-background-high)}@media (forced-colors:active){.bpjs-dropdown-item:focus-visible{outline-offset:2px;outline:2px solid highlight}}.bpjs-segmented{box-sizing:border-box;border-radius:var(--bpjs-radius-sm);background-color:var(--bpjs-background-medium);align-items:stretch;gap:0;height:40px;padding:2px;display:inline-flex}.bpjs-segmented-item{box-sizing:border-box;border-radius:var(--bpjs-radius-sm);min-width:104px;height:36px;color:var(--bpjs-text-medium);font:var(--bpjs-text-sm-medium);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex:auto;justify-content:center;align-items:center;gap:4px;margin:0;padding:8px 10px;transition:background-color .15s;display:inline-flex}.bpjs-segmented-item:hover{background-color:var(--bpjs-background-low)}.bpjs-segmented-item--active,.bpjs-segmented-item[aria-pressed=true]{background-color:var(--bpjs-background-high);color:var(--bpjs-text-high);font:var(--bpjs-text-sm-semibold)}.bpjs-segmented-item:focus-visible{box-shadow:var(--bpjs-shadow-focus);outline:none}.bpjs-segmented-item:disabled,.bpjs-segmented-item[aria-disabled=true]{cursor:not-allowed;color:var(--bpjs-text-low);background-color:#0000}@media (prefers-reduced-motion:reduce){.bpjs-segmented-item{transition:none}}@media (forced-colors:active){.bpjs-segmented-item:focus-visible{outline-offset:2px;outline:2px solid highlight}}.bpjs-pagination{box-sizing:border-box;font:var(--bpjs-text-xs-medium);color:var(--bpjs-text-high);align-items:center;gap:4px;display:inline-flex}.bpjs-pagination__pages{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:inline-flex}.bpjs-pagination__page,.bpjs-pagination__nav{box-sizing:border-box;border-radius:var(--bpjs-radius-sm);background-color:var(--bpjs-background-high);width:32px;height:32px;color:var(--bpjs-text-high);font:var(--bpjs-text-xs-medium);cursor:pointer;-webkit-user-select:none;user-select:none;border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.bpjs-pagination__page:hover,.bpjs-pagination__nav:hover:not(:disabled){background-color:var(--bpjs-background-medium)}.bpjs-pagination__page--active,.bpjs-pagination__page[aria-current=page]{background-color:var(--bpjs-background-brand-primary);color:var(--bpjs-text-white);font:var(--bpjs-text-xs-bold)}.bpjs-pagination__page--active:hover,.bpjs-pagination__page[aria-current=page]:hover{background-color:var(--bpjs-background-brand-primary)}.bpjs-pagination__nav{color:var(--bpjs-text-high)}.bpjs-pagination__nav .bpjs-icon{--bpjs-icon-size:var(--bpjs-icon-size-sm)}.bpjs-pagination__nav:disabled{cursor:not-allowed;color:var(--bpjs-text-low);background-color:var(--bpjs-background-high)}.bpjs-pagination__ellipsis{width:32px;height:32px;color:var(--bpjs-text-medium);justify-content:center;align-items:center;display:inline-flex}.bpjs-pagination__page:focus-visible,.bpjs-pagination__nav:focus-visible{box-shadow:var(--bpjs-shadow-focus);outline:none}.bpjs-pagination__summary{color:var(--bpjs-text-high);font:var(--bpjs-text-xs-regular)}.bpjs-pagination__summary strong{font:var(--bpjs-text-xs-semibold)}.bpjs-pagination__per-page{color:var(--bpjs-text-high);font:var(--bpjs-text-xs-regular);align-items:center;gap:8px;display:inline-flex}.bpjs-select__native{box-sizing:border-box;border:1px solid var(--bpjs-border-very-low);border-radius:var(--bpjs-radius-sm);background-color:var(--bpjs-background-high);height:32px;color:var(--bpjs-text-high);font:var(--bpjs-text-xs-regular);padding:0 28px 0 10px}@media (forced-colors:active){.bpjs-pagination__page--active,.bpjs-pagination__page[aria-current=page]{border:2px solid highlight}}@media (prefers-reduced-motion:reduce){.bpjs-pagination__page,.bpjs-pagination__nav{transition:none}}.bpjs-pagination-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.bpjs-pagination__meta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.bpjs-table-card{box-sizing:border-box;border:1px solid var(--bpjs-border-very-low);border-radius:var(--bpjs-radius-sm);background-color:var(--bpjs-background-high);flex-direction:column;display:flex;overflow:hidden}.bpjs-table-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 16px;display:flex}.bpjs-table-title__heading{color:var(--bpjs-text-high);font:var(--bpjs-text-lg-bold);margin:0}.bpjs-table-title__description{color:var(--bpjs-text-medium);font:var(--bpjs-text-xs-regular);margin:2px 0 0}.bpjs-table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 20px 16px;display:flex}.bpjs-table-toolbar__end{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bpjs-table__stack{font:var(--bpjs-text-sm-regular);flex-direction:column;gap:2px;display:flex}.bpjs-table__secondary{color:var(--bpjs-text-medium);font:var(--bpjs-text-xs-regular)}.bpjs-table__action{text-align:right;width:48px}.bpjs-table__row-action{border-radius:var(--bpjs-radius-sm);width:32px;height:32px;color:var(--bpjs-text-high);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.bpjs-table__row-action:hover{background-color:var(--bpjs-background-medium)}.bpjs-table__row-action:focus-visible{box-shadow:var(--bpjs-shadow-focus);outline:none}.bpjs-table__row-action .bpjs-icon{--bpjs-icon-size:var(--bpjs-icon-size-md)}.bpjs-table-scroll{overflow-x:auto}.bpjs-table{border-collapse:separate;border-spacing:0;width:100%;color:var(--bpjs-text-high);font:var(--bpjs-text-sm-regular)}.bpjs-table th,.bpjs-table td{box-sizing:border-box;border-bottom:1px solid var(--bpjs-border-very-low);text-align:left;vertical-align:middle;padding:8px 20px}.bpjs-table td{height:68px}.bpjs-table th{white-space:nowrap;background-color:var(--bpjs-background-medium);height:40px;color:var(--bpjs-text-high);font:var(--bpjs-text-xs-semibold)}.bpjs-table tbody tr:hover td{background-color:var(--bpjs-background-medium)}.bpjs-table tbody tr:last-child td{border-bottom:0}.bpjs-table th.bpjs-table__check,.bpjs-table td.bpjs-table__check{width:40px;padding-inline:12px}.bpjs-table__check input{margin:0}.bpjs-table__sort{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin:0;padding:0;display:inline-flex}.bpjs-table__sort .bpjs-icon{--bpjs-icon-size:var(--bpjs-icon-size-sm)}.bpjs-table__sort:focus-visible{box-shadow:var(--bpjs-shadow-focus);border-radius:var(--bpjs-radius-xs);outline:none}.bpjs-table-footer{border-top:1px solid var(--bpjs-border-very-low);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.bpjs-table-footer .bpjs-pagination{margin-inline-start:auto}.bpjs-empty-state{box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;width:100%;padding:24px;display:flex}.bpjs-empty-state__body{flex-direction:column;align-items:center;gap:16px;display:flex}.bpjs-empty-state__icon{box-sizing:border-box;border:1px solid var(--bpjs-border-very-low);border-radius:var(--bpjs-radius-sm);background-color:var(--bpjs-background-high);width:40px;height:40px;color:var(--bpjs-text-high);justify-content:center;align-items:center;display:inline-flex}.bpjs-empty-state__icon .bpjs-icon{--bpjs-icon-size:var(--bpjs-icon-size-lg)}.bpjs-empty-state__content{flex-direction:column;align-items:center;gap:4px;display:flex}.bpjs-empty-state__title{color:var(--bpjs-text-high);font:var(--bpjs-text-md-semibold);margin:0}.bpjs-empty-state__description{color:var(--bpjs-text-medium);font:var(--bpjs-text-sm-regular);margin:0}.bpjs-empty-state__footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}@media (forced-colors:active){.bpjs-table th,.bpjs-table td{border-color:canvastext}}.bpjs-file-upload{box-sizing:border-box;width:100%;display:block}.bpjs-file-upload__zone{box-sizing:border-box;border:1px solid var(--bpjs-border-very-low);border-radius:var(--bpjs-radius-lg);background-color:var(--bpjs-background-high);width:100%;color:var(--bpjs-text-high);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;transition:border-color .15s,background-color .15s;display:flex;position:relative}.bpjs-file-upload__zone:hover{border-color:var(--bpjs-border-brand-primary)}.bpjs-file-upload__zone:focus-within{border-color:var(--bpjs-border-brand-primary);box-shadow:var(--bpjs-shadow-focus)}.bpjs-file-upload__input{clip-path:inset(50%);white-space:nowrap;opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bpjs-file-upload__icon{box-sizing:border-box;border:1px solid var(--bpjs-border-very-low);border-radius:var(--bpjs-radius-sm);background-color:var(--bpjs-background-high);justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.bpjs-file-upload__icon .bpjs-icon{--bpjs-icon-size:var(--bpjs-icon-size-md)}.bpjs-file-upload__title{color:var(--bpjs-text-high);font:var(--bpjs-text-sm-regular)}.bpjs-file-upload__action{color:var(--bpjs-text-brand);font:var(--bpjs-text-sm-semibold)}.bpjs-file-upload__hint{color:var(--bpjs-text-medium);font:var(--bpjs-text-sm-regular)}.bpjs-file-upload__zone:has(.bpjs-file-upload__input:focus-visible){box-shadow:var(--bpjs-shadow-focus)}.bpjs-file-upload__zone:has(.bpjs-file-upload__input:disabled){cursor:not-allowed;background-color:var(--bpjs-background-medium);border-color:var(--bpjs-border-very-low)}.bpjs-file-upload__zone:has(.bpjs-file-upload__input:disabled) .bpjs-file-upload__title,.bpjs-file-upload__zone:has(.bpjs-file-upload__input:disabled) .bpjs-file-upload__icon{color:var(--bpjs-text-low)}.bpjs-file-upload__zone:has(.bpjs-file-upload__input:disabled) .bpjs-file-upload__icon{background-color:var(--bpjs-background-medium)}.bpjs-file-upload__zone:has(.bpjs-file-upload__input:disabled) .bpjs-file-upload__hint{color:var(--bpjs-text-low)}.bpjs-file-row{box-sizing:border-box;border:1px solid var(--bpjs-border-very-low);border-radius:var(--bpjs-radius-lg);background-color:var(--bpjs-background-high);width:100%;color:var(--bpjs-text-high);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name meta""bar bar";gap:8px 12px;padding:16px;display:grid}.bpjs-file-row__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--bpjs-text-black);font:var(--bpjs-text-sm-semibold);grid-area:name;overflow:hidden}.bpjs-file-row__meta{color:var(--bpjs-text-medium);font:var(--bpjs-text-sm-regular);white-space:nowrap;grid-area:meta;align-items:center;gap:8px;display:inline-flex}.bpjs-file-row__status{font:var(--bpjs-text-xs-medium)}.bpjs-file-row__percent{color:var(--bpjs-text-black);font:var(--bpjs-text-sm-regular)}.bpjs-file-row__bar{--bpjs-file-progress:0%;border-radius:var(--bpjs-radius-round);background-color:var(--bpjs-background-gray);grid-area:bar;height:6px;display:block;overflow:hidden}.bpjs-file-row__bar>span{width:var(--bpjs-file-progress,0%);border-radius:inherit;background-color:var(--bpjs-background-brand-primary);height:100%;transition:width .2s;display:block}.bpjs-file-row--completed .bpjs-file-row__status{color:var(--bpjs-text-success)}.bpjs-file-row--completed .bpjs-file-row__bar>span{background-color:var(--bpjs-background-brand-primary)}.bpjs-file-row--failed .bpjs-file-row__status,.bpjs-file-row--failed .bpjs-file-row__retry{color:var(--bpjs-text-danger)}.bpjs-file-row--failed{border-color:var(--bpjs-border-danger-soft)}.bpjs-file-row--failed .bpjs-file-row__bar>span{background-color:var(--bpjs-background-danger-hard)}.bpjs-file-row__retry{color:var(--bpjs-text-danger);font:var(--bpjs-text-sm-semibold);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;margin:0;padding:0;text-decoration:underline}.bpjs-file-row__retry:focus-visible{box-shadow:var(--bpjs-shadow-focus);border-radius:var(--bpjs-radius-xs);outline:none}@media (prefers-reduced-motion:reduce){.bpjs-file-row__bar>span,.bpjs-file-upload__zone{transition:none}}@media (forced-colors:active){.bpjs-file-upload__zone,.bpjs-file-row{border-color:canvastext}}