@bpjs/design-system 0.0.0-stage → 0.0.2

package/dist/bpjs.nofont.min.css

@@ -0,0 +1,2 @@
+/*! @bpjs/design-system v0.0.2 | generated from Figma */
+: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}}

package/dist/fonts/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2020 The Plus Jakarta Sans Project Authors (https://github.com/tokotype/PlusJakartaSans) PlusJakartaSans-Italic[wght].ttf: Copyright 2020 The Plus Jakarta Sans Project Authors (https://github.com/tokotype/PlusJakartaSans)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/dist/icons-map.d.ts

@@ -0,0 +1,159 @@
+// Generated from Figma by scripts/build-icons.mjs. Do not edit by hand.
+export type IconName =
+    "alarm"
+  | "alert-filled"
+  | "alert"
+  | "archive-filled"
+  | "archive"
+  | "arrow-down"
+  | "arrow-left"
+  | "arrow-right"
+  | "arrow-up"
+  | "baby"
+  | "bar-down"
+  | "bar-middle"
+  | "bar-up"
+  | "bed"
+  | "bookmark-filled"
+  | "bookmark"
+  | "briefcase"
+  | "building-1-filled"
+  | "building-1"
+  | "building-2-filled"
+  | "building-2"
+  | "building-3-filled"
+  | "building-3"
+  | "calendar"
+  | "camera"
+  | "card"
+  | "chart-circle"
+  | "chat-question-filled"
+  | "chat-question"
+  | "chat-smile-filled"
+  | "chat-smile"
+  | "chat"
+  | "check-circle-filled"
+  | "check-circle"
+  | "check-verified-filled"
+  | "check-verified"
+  | "check"
+  | "chevron-down"
+  | "chevron-left"
+  | "chevron-right"
+  | "chevron-up"
+  | "close"
+  | "copy-filled"
+  | "copy"
+  | "dashboard"
+  | "display-mode"
+  | "divide"
+  | "dot-horizontal"
+  | "dot-vertical"
+  | "double-check"
+  | "down-left"
+  | "down-right"
+  | "download"
+  | "edit-filled"
+  | "edit"
+  | "email"
+  | "emergency-filled"
+  | "equal"
+  | "expand"
+  | "eye-off-filled"
+  | "eye-off"
+  | "eye-open-filled"
+  | "eye-open"
+  | "filter-filled"
+  | "filter"
+  | "fingerprint"
+  | "game"
+  | "general-activity-2"
+  | "general-activity"
+  | "gift"
+  | "grid-filled"
+  | "grid"
+  | "heart-beat"
+  | "heart-filled"
+  | "heart"
+  | "history"
+  | "home-filled"
+  | "home"
+  | "info-filled"
+  | "info"
+  | "left-double"
+  | "line-down"
+  | "line-up"
+  | "link-external"
+  | "link"
+  | "lock"
+  | "login"
+  | "logout"
+  | "map-marker-filled"
+  | "map-marker"
+  | "medal"
+  | "microphone"
+  | "minus"
+  | "monitor"
+  | "moon"
+  | "multiply"
+  | "notification-filled"
+  | "notification"
+  | "percent"
+  | "phone-filled"
+  | "phone"
+  | "pin"
+  | "placeholder-filled"
+  | "placeholder"
+  | "plus"
+  | "presentation"
+  | "puzzle"
+  | "qr"
+  | "question-filled"
+  | "question"
+  | "refresh"
+  | "right-double"
+  | "row-filled"
+  | "row"
+  | "sandwatch"
+  | "satu-sehat"
+  | "search-filled"
+  | "search"
+  | "security-document"
+  | "selector"
+  | "send"
+  | "settings-2"
+  | "settings-filled"
+  | "settings"
+  | "share"
+  | "shield-check"
+  | "shop"
+  | "sidebar-close"
+  | "sidebar-expand"
+  | "slash"
+  | "smartphone"
+  | "star-filled"
+  | "star"
+  | "sun"
+  | "switch-horizontal"
+  | "switch-vertical"
+  | "tablet"
+  | "trash-filled"
+  | "trash"
+  | "trend-down-2"
+  | "trend-down"
+  | "trend-up-2"
+  | "trend-up"
+  | "up-left"
+  | "up-right"
+  | "upload"
+  | "user-2-filled"
+  | "user-2"
+  | "user-check"
+  | "user-group"
+  | "user-plus"
+  | "user"
+  | "wallet"
+  | "watch"
+;
+export declare const icons: Readonly<Record<IconName, string>>;
+export declare function icon(name: IconName): string;

package/dist/icons-map.js

@@ -0,0 +1,166 @@
+/*! @bpjs/design-system v0.0.2 */
+import { alarm, alert, alertFilled, archive, archiveFilled, arrowDown, arrowLeft, arrowRight, arrowUp, baby, barDown, barMiddle, barUp, bed, bookmark, bookmarkFilled, briefcase, building1, building1Filled, building2, building2Filled, building3, building3Filled, calendar, camera, card, chartCircle, chat, chatQuestion, chatQuestionFilled, chatSmile, chatSmileFilled, check, checkCircle, checkCircleFilled, checkVerified, checkVerifiedFilled, chevronDown, chevronLeft, chevronRight, chevronUp, close, copy, copyFilled, dashboard, displayMode, divide, dotHorizontal, dotVertical, doubleCheck, downLeft, downRight, download, edit, editFilled, email, emergencyFilled, equal, expand, eyeOff, eyeOffFilled, eyeOpen, eyeOpenFilled, filter, filterFilled, fingerprint, game, generalActivity, generalActivity2, gift, grid, gridFilled, heart, heartBeat, heartFilled, history, home, homeFilled, info, infoFilled, leftDouble, lineDown, lineUp, link, linkExternal, lock, login, logout, mapMarker, mapMarkerFilled, medal, microphone, minus, monitor, moon, multiply, notification, notificationFilled, percent, phone, phoneFilled, pin, placeholder, placeholderFilled, plus, presentation, puzzle, qr, question, questionFilled, refresh, rightDouble, row, rowFilled, sandwatch, satuSehat, search, searchFilled, securityDocument, selector, send, settings, settings2, settingsFilled, share, shieldCheck, shop, sidebarClose, sidebarExpand, slash, smartphone, star, starFilled, sun, switchHorizontal, switchVertical, tablet, trash, trashFilled, trendDown, trendDown2, trendUp, trendUp2, upLeft, upRight, upload, user, user2, user2Filled, userCheck, userGroup, userPlus, wallet, watch } from "./icons.js";
+// src/js/icons-map.js
+/** Every icon keyed by its Figma name, e.g. icons["arrow-right"]. */
+var icons = Object.freeze({
+	"alarm": alarm,
+	"alert-filled": alertFilled,
+	"alert": alert,
+	"archive-filled": archiveFilled,
+	"archive": archive,
+	"arrow-down": arrowDown,
+	"arrow-left": arrowLeft,
+	"arrow-right": arrowRight,
+	"arrow-up": arrowUp,
+	"baby": baby,
+	"bar-down": barDown,
+	"bar-middle": barMiddle,
+	"bar-up": barUp,
+	"bed": bed,
+	"bookmark-filled": bookmarkFilled,
+	"bookmark": bookmark,
+	"briefcase": briefcase,
+	"building-1-filled": building1Filled,
+	"building-1": building1,
+	"building-2-filled": building2Filled,
+	"building-2": building2,
+	"building-3-filled": building3Filled,
+	"building-3": building3,
+	"calendar": calendar,
+	"camera": camera,
+	"card": card,
+	"chart-circle": chartCircle,
+	"chat-question-filled": chatQuestionFilled,
+	"chat-question": chatQuestion,
+	"chat-smile-filled": chatSmileFilled,
+	"chat-smile": chatSmile,
+	"chat": chat,
+	"check-circle-filled": checkCircleFilled,
+	"check-circle": checkCircle,
+	"check-verified-filled": checkVerifiedFilled,
+	"check-verified": checkVerified,
+	"check": check,
+	"chevron-down": chevronDown,
+	"chevron-left": chevronLeft,
+	"chevron-right": chevronRight,
+	"chevron-up": chevronUp,
+	"close": close,
+	"copy-filled": copyFilled,
+	"copy": copy,
+	"dashboard": dashboard,
+	"display-mode": displayMode,
+	"divide": divide,
+	"dot-horizontal": dotHorizontal,
+	"dot-vertical": dotVertical,
+	"double-check": doubleCheck,
+	"down-left": downLeft,
+	"down-right": downRight,
+	"download": download,
+	"edit-filled": editFilled,
+	"edit": edit,
+	"email": email,
+	"emergency-filled": emergencyFilled,
+	"equal": equal,
+	"expand": expand,
+	"eye-off-filled": eyeOffFilled,
+	"eye-off": eyeOff,
+	"eye-open-filled": eyeOpenFilled,
+	"eye-open": eyeOpen,
+	"filter-filled": filterFilled,
+	"filter": filter,
+	"fingerprint": fingerprint,
+	"game": game,
+	"general-activity-2": generalActivity2,
+	"general-activity": generalActivity,
+	"gift": gift,
+	"grid-filled": gridFilled,
+	"grid": grid,
+	"heart-beat": heartBeat,
+	"heart-filled": heartFilled,
+	"heart": heart,
+	"history": history,
+	"home-filled": homeFilled,
+	"home": home,
+	"info-filled": infoFilled,
+	"info": info,
+	"left-double": leftDouble,
+	"line-down": lineDown,
+	"line-up": lineUp,
+	"link-external": linkExternal,
+	"link": link,
+	"lock": lock,
+	"login": login,
+	"logout": logout,
+	"map-marker-filled": mapMarkerFilled,
+	"map-marker": mapMarker,
+	"medal": medal,
+	"microphone": microphone,
+	"minus": minus,
+	"monitor": monitor,
+	"moon": moon,
+	"multiply": multiply,
+	"notification-filled": notificationFilled,
+	"notification": notification,
+	"percent": percent,
+	"phone-filled": phoneFilled,
+	"phone": phone,
+	"pin": pin,
+	"placeholder-filled": placeholderFilled,
+	"placeholder": placeholder,
+	"plus": plus,
+	"presentation": presentation,
+	"puzzle": puzzle,
+	"qr": qr,
+	"question-filled": questionFilled,
+	"question": question,
+	"refresh": refresh,
+	"right-double": rightDouble,
+	"row-filled": rowFilled,
+	"row": row,
+	"sandwatch": sandwatch,
+	"satu-sehat": satuSehat,
+	"search-filled": searchFilled,
+	"search": search,
+	"security-document": securityDocument,
+	"selector": selector,
+	"send": send,
+	"settings-2": settings2,
+	"settings-filled": settingsFilled,
+	"settings": settings,
+	"share": share,
+	"shield-check": shieldCheck,
+	"shop": shop,
+	"sidebar-close": sidebarClose,
+	"sidebar-expand": sidebarExpand,
+	"slash": slash,
+	"smartphone": smartphone,
+	"star-filled": starFilled,
+	"star": star,
+	"sun": sun,
+	"switch-horizontal": switchHorizontal,
+	"switch-vertical": switchVertical,
+	"tablet": tablet,
+	"trash-filled": trashFilled,
+	"trash": trash,
+	"trend-down-2": trendDown2,
+	"trend-down": trendDown,
+	"trend-up-2": trendUp2,
+	"trend-up": trendUp,
+	"up-left": upLeft,
+	"up-right": upRight,
+	"upload": upload,
+	"user-2-filled": user2Filled,
+	"user-2": user2,
+	"user-check": userCheck,
+	"user-group": userGroup,
+	"user-plus": userPlus,
+	"user": user,
+	"wallet": wallet,
+	"watch": watch
+});
+/** Returns the inline SVG markup for an icon name. Throws for unknown names. */
+function icon(name) {
+	if (!Object.hasOwn(icons, name)) throw new Error(`Unknown icon "${name}".`);
+	return icons[name];
+}
+export { icon, icons };