@import url(./variables.css);.ap__fonts{font-size:62.5%;}@media (min-width:1023px) and (max-width:1280px){.ap__fonts{font-size:55%;}}@media only screen and (max-width:75em){.ap__fonts{font-size:56.25%;}}@media only screen and (max-width:56.25em){.ap__fonts{font-size:50%;}}@media only screen and (min-width:112.5em){.ap__fonts{font-size:75%;}}@media only screen and (-webkit-min-device-pixel-ratio:2.0) and (min-width:1600px),only screen and (min--moz-device-pixel-ratio:2.0) and (min-width:1600px),only screen and (-o-min-device-pixel-ratio:2.0/1) and (min-width:1600px),only screen and (min-device-pixel-ratio:2.0) and (min-width:1600px),only screen and (min-resolution:227dpi) and (min-width:1600px),only screen and (min-resolution:2.0dppx) and (min-width:1600px){.ap__fonts{font-size:70%;}}.material-symbols-rounded{font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-display:swap;margin:auto;}#bugasura_guid_line_nav{display:block;}.bs-docs-sidebar,.bs-docs-content{padding:0 15px;}#component_content{}ol,ul{list-style:none;}.web-app-sticky-menu{z-index:999 !important;}@view-transition{navigation:auto;}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.ba__text{font:inherit;color:inherit;line-height:inherit;}.handel-over-flow{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}.dropdown-menu.show{display:block !important;visibility:visible !important;opacity:1 !important;}.row.row-flex>[class*='col-']{margin-bottom:var(--guttergap);padding-left:var(--gutter-vertical);padding-right:var(--gutter-vertical);-webkit-box-flex:1;flex:1 0 auto;}.banner__actions{margin-top:var(--Spacing-XL);}.theme-switcher{display:flex;align-items:center;gap:var(--Spacing-L);flex-wrap:wrap;}.theme-switcher__label{display:flex;align-items:center;gap:var(--Spacing-S);font-size:1.071rem;font-weight:600;color:var(--ba-text-primary);margin:0;}.theme-switcher__label i{font-size:1.429rem;}.theme-switcher__controls{display:flex;align-items:center;gap:var(--Spacing-M);}.theme-switcher__color-picker{width:4.464rem;height:2.857rem;border:0.143rem solid var(--ba-border-primary);border-radius:var(--Radius-M);cursor:pointer;transition:all 0.2s ease;}.theme-switcher__color-picker:hover{border-color:var(--ba-interactive-primary);}.theme-switcher__color-picker:focus{outline:none;border-color:var(--ba-interactive-primary);box-shadow:0 0 0 0.268rem oklch(from var(--Brand-Colors-Primary-500) l c h / 0.2);}.ba-btn--small{padding:var(--Spacing-S) var(--Spacing-L);font-size:0.929rem;}::view-transition-old(component-name),::view-transition-new(component-name){animation-duration:0.6s;animation-timing-function:cubic-bezier(0.34,1.56,0.64,1);}.component-card__title{view-transition-name:component-name;}.component-title{view-transition-name:component-name;}.components-grid{margin-bottom:var(--Spacing-3XL);}.components-grid__header{margin-bottom:var(--Spacing-3XL);}.components-grid__container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--Spacing-2XL);}.component-card{background:var(--Base-Colors-Base-White);border:1px solid var(--ba-border-primary);border-radius:var(--Radius-L);overflow:hidden;transition:all 0.2s ease;cursor:pointer;display:flex;flex-direction:column;}.component-card:hover{border-color:var(--ba-interactive-primary);box-shadow:0 4px 12px rgba(0,0,0,0.1);transform:translateY(-2px);}.component-card__preview{padding:var(--Spacing-2XL);border-bottom:1px solid var(--ba-border-primary);min-height:120px;display:flex;align-items:center;justify-content:center;}.component-card__content{padding:var(--Spacing-XL);flex:1;}.component-card__title{font-size:1.5rem;font-weight:var(--Weight-Semibold);color:var(--ba-text-primary);margin:0 0 var(--Spacing-M) 0;}.component-card__description{font-size:var(--Font-Size-4);color:var(--ba-text-secondary);margin:0;line-height:1.5;}.component-card__footer{padding:var(--Spacing-L) var(--Spacing-XL);}.component-card__link{display:inline-flex;align-items:center;gap:var(--Spacing-M);color:var(--ba-interactive-primary);text-decoration:none;font-weight:var(--Weight-Medium);transition:gap 0.2s ease;font-size:1.2rem;}.component-card__link:hover{gap:var(--Spacing-L);text-decoration:none;color:var(--ba-interactive-primary-hover);}.component-card__link i{font-size:1.143rem;}.component-details{margin-bottom:var(--Spacing-3XL);}.component-detail{display:none;}.component-detail.active{display:block;}.component-header{background:linear-gradient(135deg,#003a66 0%,#0091ff 100%);border-radius:var(--Radius-L);padding:var(--Spacing-3XL);margin-bottom:var(--Spacing-4XL);position:relative;overflow:hidden;}.component-header .back-to-grid{margin-bottom:var(--Spacing-3XL);background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3);color:var(--Base-Colors-Base-White);transition:all 0.2s ease;}.component-header .back-to-grid:hover{background:rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.5);color:var(--Base-Colors-Base-White);}.component-header__content{display:flex;flex-direction:column;gap:var(--Spacing-3XL);}.component-header__main{display:flex;flex-direction:column;gap:var(--Spacing-M);}.component-title{font-size:3.571rem;font-weight:700;color:var(--Base-Colors-Base-White);margin:0;line-height:1.6;}.component-descriptor{font-size:1.786rem;color:rgba(255,255,255,0.9);margin:0;line-height:1.4;font-weight:500;}.component-header__meta{display:flex;gap:var(--Spacing-3XL);flex-wrap:wrap;padding-top:var(--Spacing-XL);border-top:1px solid rgba(255,255,255,0.2);}.meta-item{display:flex;flex-direction:column;gap:var(--Spacing-S);}.meta-label{font-size:1.071rem;font-weight:var(--Weight-Semibold);color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:0.045rem;}.meta-value{font-size:1.429rem;color:var(--Base-Colors-Base-White);font-weight:var(--Weight-Medium);}.component-tabs-wrapper{background:var(--Base-Colors-Base-White);border-bottom:1px solid var(--ba-border-primary);position:sticky;top:0;z-index:3;}.component-tabs{border-bottom:none !important;margin-bottom:0 !important;}.component-tabs>li{margin-bottom:-1px;}.component-tabs>li>a{color:var(--ba-text-secondary);border:none;border-bottom:2px solid transparent;padding:var(--Spacing-L) var(--Spacing-XL);font-weight:var(--Weight-Medium);}.component-tabs>li>a:hover{background:var(--Neutral-Colors-Main-Neutrals-100);border-color:transparent;color:var(--ba-text-primary);}.component-tabs>li.active>a,.component-tabs>li.active>a:hover,.component-tabs>li.active>a:focus{color:var(--ba-interactive-primary);border-color:var(--ba-interactive-primary);background:transparent;}.component-content{position:relative;}.ba-tabs li.active .ba-tabs__tab{color:var(--ba-interactive-primary);border-bottom-color:var(--ba-interactive-primary);}.tab-pane .example-layout::before{content:'';width:50%;background-color:#ffffff;position:absolute;right:0;top:0;bottom:0;z-index:1;}.tab-pane .example-layout>*{position:relative;z-index:2;}.example-section{margin-bottom:var(--Spacing-4XL);padding:0;background:transparent;}.example-section::after{content:'';display:block;clear:both;}.section-title{font-size:2.143rem;font-weight:bold;color:var(--ba-text-primary);padding:var(--Spacing-XL) 0;border-top:1px solid #ccc;background-image:linear-gradient(to bottom,rgba(255,255,255,0.2),rgba(255,255,255,0));border:0;margin-top:var(--Spacing-3XL);}.example-section:first-child .section-title{margin-top:0;border-top:none;}.section-description{font-size:1.429rem;color:var(--ba-text-secondary);margin:0 0 var(--Spacing-2XL) 0;padding:var(--Spacing-L) var(--Spacing-XL);background:var(--Brand-Colors-Primary-50);border-left:3px solid var(--Brand-Colors-Primary-300);border-radius:var(--Radius-S);line-height:1.7;}.example-demo{background:transparent;border:none;border-radius:0;padding:var(--Spacing-XL) 0;margin-bottom:0;position:relative;}.doc-section{margin-bottom:var(--Spacing-4XL);padding:var(--Spacing-3XL);background:var(--Base-Colors-Base-White);border:1px solid var(--ba-border-primary);border-radius:var(--Radius-L);box-shadow:0 1px 3px rgba(0,0,0,0.06);}.doc-section h3{font-size:2.143rem;font-weight:600;color:var(--ba-text-primary);margin:0 0 var(--Spacing-2XL) 0;padding-bottom:var(--Spacing-L);border-bottom:2px solid var(--Brand-Colors-Primary-200);display:flex;align-items:center;gap:var(--Spacing-L);}.doc-section h3::before{content:'';width:0.536rem;height:0.536rem;background:var(--Brand-Colors-Primary-500);border-radius:50%;box-shadow:0 0 0 0.268rem var(--Brand-Colors-Primary-100);}.doc-section h4{font-size:1.714rem;font-weight:600;color:var(--ba-text-primary);margin:var(--Spacing-3XL) 0 var(--Spacing-L) 0;display:flex;align-items:center;gap:var(--Spacing-M);}.doc-section h4::before{content:'→';color:var(--Brand-Colors-Primary-500);font-size:1.714rem;font-weight:700;margin-bottom:.4rem;}.doc-section p{font-size:1.429rem;color:var(--ba-text-secondary);line-height:1.8;margin-bottom:var(--Spacing-2XL);}.doc-section ul{margin:0 0 var(--Spacing-2XL) 0;padding-left:0;list-style:none;}.doc-section li{font-size:1.429rem;color:var(--ba-text-secondary);line-height:1.9;margin-bottom:var(--Spacing-L);padding-left:var(--Spacing-3XL);position:relative;}.doc-section li>a{display:flex;align-items:center;}.doc-section li>a>.material-symbols-rounded{margin:0;margin-right:1rem;}.doc-section li::before{content:'•';position:absolute;left:var(--Spacing-L);color:var(--Brand-Colors-Primary-500);font-weight:700;font-size:1.429rem;}.doc-section li strong{color:var(--ba-text-primary);font-weight:var(--Weight-Semibold);font-size:inherit;}.doc-section table{width:100%;margin:var(--Spacing-XL) 0;border-collapse:separate;border-spacing:0;border-radius:var(--Radius-M);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.08);font-size:1.4rem;}.doc-section table th{background:linear-gradient(135deg,var(--Brand-Colors-Primary-100) 0%,var(--Brand-Colors-Primary-50) 100%);color:var(--Brand-Colors-Primary-900);font-weight:var(--Weight-Semibold);padding:var(--Spacing-L) var(--Spacing-XL);text-align:left;border:1px solid var(--Brand-Colors-Primary-200);font-size:0.929rem;text-transform:uppercase;letter-spacing:0.02em;font-size:inherit;}.doc-section table td{padding:var(--Spacing-L) var(--Spacing-XL);border:1px solid var(--ba-border-primary);color:var(--ba-text-secondary);background:var(--Base-Colors-Base-White);font-size:inherit;}.doc-section table tbody tr:hover td{background:var(--Neutral-Colors-Main-Neutrals-50);}.doc-section table code{background:var(--Brand-Colors-Primary-50);color:var(--Brand-Colors-Primary-900);padding:4px 8px;border-radius:var(--Radius-S);font-family:'Monaco','Menlo','Consolas','Courier New',monospace;font-size:1.1rem;border:1px solid var(--Brand-Colors-Primary-200);font-weight:var(--Weight-Medium);}.doc-section pre{background:var(--Neutral-Colors-Tonal-Neutrals-900);border:1px solid var(--Neutral-Colors-Main-Neutrals-800);border-radius:var(--Radius-M);padding:var(--Spacing-2XL);margin:var(--Spacing-XL) 0;overflow-x:auto;}.doc-section pre code{background:transparent;border:none;color:var(--Neutral-Colors-Main-Neutrals-100);padding:1rem;font-size:0.929rem;line-height:1.8;display:block;}.spec-section{margin-bottom:var(--Spacing-4XL);padding:var(--Spacing-2XL);background:var(--Base-Colors-Base-White);border:1px solid var(--ba-border-primary);border-radius:var(--Radius-L);box-shadow:0 1px 3px rgba(0,0,0,0.06);}.spec-section h3{font-size:1.714rem;font-weight:var(--Weight-Semibold);color:var(--ba-text-primary);margin:0 0 var(--Spacing-XL) 0;padding-bottom:var(--Spacing-M);border-bottom:2px solid var(--Brand-Colors-Accent-200);display:flex;align-items:center;gap:var(--Spacing-M);}.spec-section h3::before{content:'';width:6px;height:6px;background:var(--Brand-Colors-Accent-500);border-radius:50%;box-shadow:0 0 0 3px var(--Brand-Colors-Accent-100);}.spec-section table{width:100%;margin:var(--Spacing-XL) 0;border-collapse:separate;border-spacing:0;border-radius:var(--Radius-M);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.08);}.spec-section table th{background:linear-gradient(135deg,var(--Brand-Colors-Accent-100) 0%,var(--Brand-Colors-Accent-50) 100%);color:var(--Brand-Colors-Accent-900);font-weight:var(--Weight-Semibold);padding:var(--Spacing-L) var(--Spacing-XL);text-align:left;border:1px solid var(--Brand-Colors-Accent-200);font-size:var(--Font-Size-5);text-transform:uppercase;letter-spacing:0.02em;}.spec-section table td{padding:var(--Spacing-L) var(--Spacing-XL);border:1px solid var(--ba-border-primary);color:var(--ba-text-secondary);background:var(--Base-Colors-Base-White);font-size:var(--Font-Size-4);}.spec-section table tbody tr:hover td{background:var(--Neutral-Colors-Main-Neutrals-50);}.spec-section table code{background:var(--Brand-Colors-Accent-50);color:var(--Brand-Colors-Accent-900);padding:4px 8px;border-radius:var(--Radius-S);font-family:'Monaco','Menlo','Consolas','Courier New',monospace;font-size:0.857rem;border:1px solid var(--Brand-Colors-Accent-200);font-weight:var(--Weight-Medium);}.components-nav .nav-item{margin-bottom:var(--Spacing-S);}.components-nav .nav-item.active>a,.components-nav .nav-item>a:hover{color:var(--ba-interactive-primary);background:var(--Primary-Colors-Primary-50);border-left:3px solid var(--ba-interactive-primary);padding-left:calc(var(--Spacing-XL) - 3px);}.components-nav .nav-item>a{display:flex;align-items:center;gap:var(--Spacing-L);padding:var(--Spacing-M) var(--Spacing-XL);color:var(--ba-text-secondary);transition:all 0.2s ease;border-left:3px solid transparent;}.components-nav .nav-item>a i{font-size:1.25rem;margin:0;}.components-nav .header{font-size:0.786rem;font-weight:var(--Weight-Bold);color:var(--ba-text-tertiary);text-transform:uppercase;letter-spacing:0.05em;padding:var(--Spacing-L) var(--Spacing-XL);margin-top:var(--Spacing-XL);}.components-nav hr{margin:var(--Spacing-XL) 0;border-color:var(--ba-border-primary);}@media (max-width:768px){.components-grid__container{grid-template-columns:1fr;}.component-header__meta{flex-direction:column;gap:var(--Spacing-XL);}.example-demo{padding:var(--Spacing-XL);}}.navbar-nav>li>a{color:var(--white);opacity:1;}.css-variables{font-size:15px;line-height:normal;}.block{display:inline-block;width:12px;height:12px;}pre code{padding:9px 14px;margin-bottom:14px;background-color:#f7f7f9 !important;border:1px solid #e1e1e8 !important;border-radius:4px !important;margin-bottom:0;}.widget-status>li{min-width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;color:var(--elephant);background-color:var(--white);margin-bottom:2rem;font-size:15px;padding:5px;border:2px solid transparent;cursor:default;}.ap__navigation--new.show-content{--primarynav-width:5.6rem;padding-top:0;padding-left:var(--primarynav-width) !important;}.bs-docs-sidebar{position:sticky;top:20px;}.bs-docs-sidebar .nav>li.header{font-size:1.3rem;color:black;font-weight:500;margin-bottom:10px;}.bs-docs-sidebar .nav>li.header:first-child{padding-top:0;margin-top:0;}.bs-docs-sidebar .nav>li.active{background-color:#D1EBFF;>a{color:var(--dodgerblue1);}}.bs-docs-sidebar .nav>li>a{padding:12px 16px;font-size:1.2rem;font-weight:400;color:#767676;}.front-end-workflow ul li{padding:0.5rem 0;font-size:15px;line-height:1.5;}.banner{background:linear-gradient(90deg,#003A66 0%,#0091FF 100%);padding:2rem;margin-bottom:var(--Spacing-4XL);border-radius:2rem;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;.sub-text{color:white;font-size:1.5rem;}}.banner .icon{width:4rem;margin-right:1rem;}.banner .title{color:white;line-height:1.5;}.bp__page-body{background-color:var(--white);padding-top:6rem;padding-bottom:6rem;}.bp__colors{.box{width:15rem;height:5rem;border-radius:var(--widgetRadius-5);display:flex;align-items:center;justify-content:center;font-size:1.35rem;text-transform:uppercase;}ul{margin-bottom:4rem;>li{margin-bottom:10px;}}>p{font-size:1.5rem;line-height:normal;margin-bottom:10px;}}.up__avatar-list{>li{position:relative;}.close{position:absolute;top:-5px;color:#4d5b66;z-index:2;font-size:1.2rem;padding:2px;border-radius:50%;right:0;&:hover{background-color:var(--dodgerblue1);color:var(--white);opacity:1;}}.count,.name{width:4.5rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.3rem;}.name{color:var(--dodgerblue1);}}code{font-size:1.3rem;line-height:1.5;letter-spacing:0;}code.hljs{white-space:pre-wrap;border:0 !important;border-radius:4px !important;margin-bottom:0;font-size:1.3rem;line-height:1.5;letter-spacing:0;font-family:monospace;color:#abb2bf !important;background:#1E2224 !important;tab-size:4;*{font-size:1.3rem;line-height:1.5;letter-spacing:0;font-family:monospace;}}.text{font-size:1.4rem;line-height:1.5;margin:1rem 0;letter-spacing:0;color:#767676;}.tp__reports-tab{position:absolute;bottom:0;left:0;line-height:1.5;font-size:1.3rem;color:var(--dodgerblue1);cursor:pointer;>li{>a{padding:1rem 1.5rem;display:inline-block;}}>li.active{>a{color:var(--dodgerblue1);}}}.subsection-title{font-size:var(--Heading-H3-Regular-Size);font-weight:500;margin:var(--Spacing-5XL) 0 var(--Spacing-3XL);color:var(--Neutral-Colors-Main-Neutrals-700);}.subsection-title:first-of-type{margin-top:0;}.sub-heading{font-size:var(--Heading-H4-Regular-Size);font-weight:500;margin-bottom:var(--Spacing-2XL);color:var(--Neutral-Colors-Main-Neutrals-600);}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--Spacing-2XL);margin-bottom:var(--Spacing-5XL);}@media (max-width:1200px){.color-grid{grid-template-columns:repeat(4,1fr);}}@media (max-width:768px){.color-grid{grid-template-columns:repeat(3,1fr);}}@media (max-width:480px){.color-grid{grid-template-columns:repeat(2,1fr);}}.color-card{display:flex;flex-direction:column;border-radius:var(--Radius-M);overflow:hidden;box-shadow:0 var(--Spacing-XS) var(--Spacing-M) rgba(0,20,36,0.08);transition:all 0.3s ease;cursor:pointer;}.color-card:hover{transform:translateY(-var(--Spacing-S));box-shadow:0 var(--Spacing-L) var(--Spacing-2XL) rgba(0,20,36,0.12);}.color-swatch{aspect-ratio:1;width:100%;display:flex;align-items:center;justify-content:center;font-size:var(--Body-B3-Regular-Size);font-weight:500;transition:all 0.3s ease;}.color-info{background:var(--base-white);padding:var(--Spacing-XL);display:flex;flex-direction:column;gap:var(--Spacing-S);}.color-name{font-size:var(--Body-B3-Regular-Size);font-weight:600;color:var(--Neutral-Colors-Main-Neutrals-900);}.color-value{font-size:var(--Body-B3-Regular-Size);color:var(--Neutral-Colors-Main-Neutrals-600);font-family:'Courier New',monospace;}.copy-notification{position:fixed;top:var(--Spacing-4XL);right:var(--Spacing-4XL);background:var(--Neutral-Colors-Main-Neutrals-900);color:var(--Base-Colors-Base-White);padding:var(--Spacing-XL) var(--Spacing-4XL);border-radius:var(--Radius-M);font-size:var(--Body-B3-Regular-Size);font-weight:500;opacity:0;transform:translateY(-2rem);transition:all 0.3s ease;pointer-events:none;z-index:1000;}.copy-notification.show{opacity:1;transform:translateY(0);}.table-wrapper{overflow-x:auto;border-radius:var(--Radius-M);box-shadow:0 var(--Spacing-XS) var(--Spacing-M) rgba(0,20,36,0.08);background:var(--Base-Colors-Base-White);margin-bottom:var(--Spacing-5XL);}.table-wrapper table{width:100%;border-collapse:collapse;font-size:var(--Body-B3-Regular-Size);}.table-wrapper thead{background:var(--Neutral-Colors-Main-Neutrals-100);}.table-wrapper th{padding:var(--Spacing-XL);text-align:left;font-weight:600;color:var(--Neutral-Colors-Main-Neutrals-900);border-bottom:0.089rem solid var(--main-neutrals-200);}.table-wrapper td{padding:var(--Spacing-XL);border-bottom:0.089rem solid var(--Neutral-Colors-Main-Neutrals-100);}.table-wrapper tbody tr:hover{background:var(--Neutral-Colors-Main-Neutrals-50);}.value-cell{font-family:'Courier New',monospace;color:var(--Neutral-Colors-Main-Neutrals-600);}.spacing-demo{display:inline-block;background:var(--Brand-Colors-Primary-200);border-radius:var(--Radius-XS);}.radius-demo{width:8rem;height:8rem;background:var(--Brand-Colors-Primary-200);display:inline-flex;align-items:center;justify-content:center;color:var(--Neutral-Colors-Main-Neutrals-900);font-weight:600;}.typography-demo{padding:var(--Spacing-XL) 0;border-bottom:0.089rem solid var(--Neutral-Colors-Main-Neutrals-100);}.typography-demo:last-child{border-bottom:none;}.demo-text{margin-bottom:var(--Spacing-M);}.demo-label{font-size:var(--Body-B4-Regular-Size);color:var(--Neutral-Colors-Main-Neutrals-600);font-weight:500;}.h1-regular{font-size:var(--Heading-H1-Regular-Size);line-height:130%;font-weight:400;}.h1-medium{font-size:var(--Heading-H1-Medium-Size);line-height:130%;font-weight:500;}.h1-semibold{font-size:var(--Font-Size-1);line-height:130%;font-weight:600;}.h2-regular{font-size:var(--Heading-H2-Regular-Size);line-height:150%;font-weight:400;}.h2-medium{font-size:var(--Heading-H2-Medium-Size);line-height:150%;font-weight:500;}.h2-semibold{font-size:var(--Heading-H2-SemiBold-Size);line-height:150%;font-weight:600;}.h3-regular{font-size:var(--Heading-H3-Regular-Size);line-height:150%;font-weight:400;}.h3-medium{font-size:var(--Heading-H3-Medium-Size);line-height:150%;font-weight:500;}.h3-semibold{font-size:var(--Heading-H3-SemiBold-Size);line-height:150%;font-weight:600;}.h4-regular{font-size:var(--Heading-H4-Regular-Size);line-height:130%;font-weight:400;}.h4-medium{font-size:var(--Heading-H4-Medium-Size);line-height:130%;font-weight:500;}.h4-semibold{font-size:var(--Heading-H4-SemiBold-Size);line-height:130%;font-weight:600;}.b1-regular{font-size:var(--Body-B1-Regular-Size);line-height:150%;font-weight:400;}.b1-medium{font-size:var(--Body-B1-Medium-Size);line-height:150%;font-weight:500;}.b1-semibold{font-size:var(--Body-B1-SemiBold-Size);line-height:150%;font-weight:600;}.b2-regular{font-size:var(--Body-B2-Regular-Size);line-height:150%;font-weight:400;}.b2-medium{font-size:var(--Body-B2-Medium-Size);line-height:150%;font-weight:500;}.b2-semibold{font-size:var(--Body-B2-SemiBold-Size);line-height:150%;font-weight:600;}.b3-regular{font-size:var(--Body-B3-Regular-Size);line-height:150%;font-weight:400;}.b3-medium{font-size:var(--Body-B3-Medium-Size);line-height:150%;font-weight:500;}.b3-semibold{font-size:var(--Body-B3-SemiBold-Size);line-height:150%;font-weight:600;}.b4-regular{font-size:var(--Body-B4-Regular-Size);line-height:150%;font-weight:400;}.b4-medium{font-size:var(--Body-B4-Medium-Size);line-height:150%;font-weight:500;}.b4-semibold{font-size:var(--Body-B4-SemiBold-Size);line-height:150%;font-weight:600;}.b5-regular{font-size:var(--Body-B5-Regular-Size);line-height:150%;font-weight:400;}.b5-medium{font-size:var(--Body-B5-Medium-Size);line-height:150%;font-weight:500;}.b5-semibold{font-size:var(--Body-B5-SemiBold-Size);line-height:150%;font-weight:600;}.b6-regular{font-size:var(--Body-B6-Regular-Size);line-height:150%;font-weight:400;}.b6-medium{font-size:var(--Body-B6-Medium-Size);line-height:150%;font-weight:500;}.b6-semibold{font-size:var(--Body-B6-SemiBold-Size);line-height:150%;font-weight:600;}.semantics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:var(--Spacing-2XL);margin-bottom:var(--Spacing-4XL);}.semantic-card{background:var(--Base-Colors-Base-White);border-radius:var(--Radius-M);padding:var(--Spacing-3XL);box-shadow:0 var(--Spacing-XS) var(--Spacing-M) rgba(0,20,36,0.08);}.semantic-title{font-size:var(--Body-B4-Regular-Size);font-weight:600;margin-bottom:var(--Spacing-3XL);color:var(--Neutral-Colors-Main-Neutrals-900);}.semantic-row{display:flex;justify-content:space-between;align-items:center;padding:var(--Spacing-XL) 0;border-bottom:0.089rem solid var(--Neutral-Colors-Main-Neutrals-100);}.semantic-row:last-child{border-bottom:none;}.semantic-label{font-size:var(--Body-B3-Regular-Size);color:var(--Neutral-Colors-Main-Neutrals-700);font-weight:500;}.semantic-color{width:6rem;height:3rem;border-radius:var(--Radius-S);border:0.089rem solid var(--Neutral-Colors-Main-Neutrals-200);}.modal{position:relative;}.ds-demo-wrap,.ba-demo-wrap{border:2px dashed var(--Outline-Primary);border-radius:var(--Radius-L);padding:var(--Spacing-4XL);margin:var(--Spacing-3XL) 0;background:var(--Surface-Surface-background);}.ds-row,.ba-row{display:flex;flex-wrap:wrap;gap:var(--Spacing-3XL);align-items:center;}.ds-col,.ba-col{display:inline-flex;gap:var(--Spacing-XL);align-items:center;}.ba-button-row{display:flex;align-items:center;gap:var(--Spacing-XL);flex-wrap:wrap;margin-bottom:var(--Spacing-2XL);}.ba-avatar-showcase{display:grid;grid-template-columns:repeat(auto-fill,minmax(30rem,1fr));gap:var(--Spacing-2XL);}.ba-avatar-size-row{display:flex;align-items:center;gap:var(--Spacing-XL);padding:var(--Spacing-XL);background:var(--Surface-Surface-background);border-radius:var(--Radius-M);}.ba-progress-group{width:100%;max-width:26rem;}.ba-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--Spacing-M);}.ba-progress-label{font-size:var(--Body-B4-Medium-Size);font-weight:600;color:var(--Neutral-Colors-Main-Neutrals-900);}.ba-progress-count{font-size:var(--Body-B5-Regular-Size);color:var(--Neutral-Colors-Main-Neutrals-600);}.color-section{margin-bottom:var(--Spacing-4XL);}.color-section__title{font-size:1.714rem;font-weight:var(--Weight-Bold);color:var(--ba-text-primary);margin:0 0 var(--Spacing-2XL) 0;padding-bottom:var(--Spacing-L);border-bottom:2px solid var(--ba-border-primary);}.color-group{margin-bottom:var(--Spacing-3XL);}.color-group__title{font-size:1.286rem;font-weight:var(--Weight-Semibold);color:var(--ba-text-primary);margin:0 0 var(--Spacing-XL) 0;}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--Spacing-XL);}.color-swatch{display:flex;flex-direction:column;gap:var(--Spacing-M);transition:transform 0.2s ease;}.color-swatch:hover{transform:translateY(-2px);}.color-swatch__preview{height:80px;width:100%;border-radius:var(--Radius-M);border:1px solid var(--ba-border-primary);transition:border-color 0.2s ease,box-shadow 0.2s ease;}.color-swatch:hover .color-swatch__preview{border-color:var(--ba-interactive-primary);box-shadow:0 2px 8px rgba(0,0,0,0.1);}.color-swatch__info{display:flex;flex-direction:column;gap:var(--Spacing-S);}.color-swatch__name{font-size:0.929rem;font-weight:var(--Weight-Medium);color:var(--ba-text-primary);}.color-swatch__token{font-size:0.786rem;font-family:'Monaco','Menlo','Consolas','Courier New',monospace;color:var(--ba-text-secondary);background:var(--Neutral-Colors-Main-Neutrals-100);padding:4px 6px;border-radius:var(--Radius-S);word-break:break-all;cursor:pointer;transition:background-color 0.2s ease,color 0.2s ease;}.color-swatch__token:hover{background:var(--Brand-Colors-Primary-100);color:var(--Brand-Colors-Primary-700);}.component-card--featured{border-color:var(--Brand-Colors-Primary-300);background:linear-gradient(135deg,var(--Base-Colors-Base-White) 0%,var(--Brand-Colors-Primary-50) 100%);}.component-card--featured:hover{border-color:var(--Brand-Colors-Primary-500);box-shadow:0 6px 16px rgba(0,145,255,0.15);}.ba-avatar img{width:100%;height:100%;object-fit:cover;display:block;}.ba-avatar img[src=""],.ba-avatar img:not([src]),.ba-avatar img[src*="avatar-placeholder"]{display:none;}.ba-avatar img[src=""]:after,.ba-avatar img:not([src]):after,.ba-avatar img[src*="avatar-placeholder"]:after{content:attr(alt);display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--Brand-Colors-Primary-100);color:var(--Brand-Colors-Primary-700);font-weight:var(--Weight-Medium);font-size:1rem;}.ba-avatar{position:relative;background:var(--Brand-Colors-Primary-100);display:flex;align-items:center;justify-content:center;}.ba-avatar img[src]:not([src=""]):not([src*="avatar-placeholder"]){position:relative;z-index:1;}.ba-avatar.has-broken-image img{display:none;}.ba-avatar.has-broken-image::after{content:attr(data-fallback-text);display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--Brand-Colors-Primary-700);font-weight:var(--Weight-Medium);font-size:1rem;}.example-layout{position:relative;z-index:30;}.example-section{display:flex;flex-wrap:wrap;align-items:flex-start;}.example-section>.section-title{padding-left:28px;padding-right:28px;box-sizing:border-box;order:0;}.example-section-left{flex:0 0 50%;max-width:50%;padding-right:3rem;}.example-section>.example-code{flex:0 0 50%;max-width:50%;margin:0;padding:2em 28px;background:#1E2224;color:#fff;box-sizing:border-box;position:relative;order:1;}.example-section>.example-demo{flex:0 0 50%;max-width:50%;padding-left:28px;padding-right:28px;box-sizing:border-box;order:2;}.example-layout__preview .example-code pre{margin:0;background:transparent;color:#fff;overflow-x:auto;border:0;padding:0;}.example-layout__preview .example-code code{font-family:Consolas,Menlo,Monaco,"Lucida Console","Liberation Mono","DejaVu Sans Mono","Bitstream Vera Sans Mono","Courier New",monospace,serif;font-size:12px;line-height:1.5;color:#fff;background-color:transparent;padding:0;}.code-copy-btn{position:absolute;top:0;right:0;display:flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(255,255,255,0.1);color:#9DAAB6;border:none;border-radius:3px;font-size:11px;font-weight:normal;cursor:pointer;transition:all 0.2s ease;z-index:10;opacity:0.4;}.code-copy-btn:hover{background:rgba(255,255,255,0.15);opacity:0.8;}.code-copy-btn i{font-size:14px;}.code-copy-btn.copied{background:rgba(106,193,116,0.3);color:#6ac174;opacity:1;}.code-copy-btn.copied span{display:none;}.code-copy-btn.copied::after{content:'Copied!';margin-left:2px;}.file-upload-area{display:block;}.ba-custom-file-upload .file-upload-area{border:2px dashed #ddd;border-radius:8px;padding:3rem 1rem;text-align:center;background:#f9f9f9;margin:2.5rem 0;font-size:1.25rem;transition:all 0.3s ease;color:#979797;display:flex;flex-direction:column;align-items:center;}.ba-file-upload--title{font-weight:var(--Weight-Medium);font-size:var(--Font-Size-5);margin-bottom:var(--Spacing-2XL);color:var(--shark);display:flex;gap:var(--Spacing-M);img.icon{margin-bottom:0;width:var(--Font-Size-5);}}.ba-file-upload-select--area{margin-bottom:var(--Spacing-2XL);}.ba-file-upload--btn{background:transparent;color:var(--ba-interactive-primary);border-color:transparent;padding:var(--Spacing-XS);color:var(--Primary-Primary);font-weight:var(--Weight-Semibold);font-style:normal;font-size:var(--Font-Size-5);}.uploaded-files-list{margin-top:var(--Spacing-2XL);}.ba-custom-file-upload .ba-file-upload-select--area{justify-content:center;margin-bottom:0;}.up__avatar-list .icon{width:4.5rem;aspect-ratio:1;}.up__avatar-list .icon{opacity:1;z-index:1;}.up__avatar-icon{width:8.5rem;aspect-ratio:1;z-index:4;position:relative;z-index:1;margin:0 !important;border-radius:var(--circleR);object-fit:cover;}.up__avatar-list{margin-top:3rem;display:flex;flex-flow:wrap;}.up__avatar-list{>li{position:relative;}.close{position:absolute;top:-5px;color:black;z-index:2;font-size:1.2rem;padding:2px;border-radius:50%;right:0;&:hover{background-color:#0091FF;color:var(--white);opacity:1;}}.count,.name{width:4.5rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.3rem;}.name{color:#0091FF;}}.up__avatar-list>li{cursor:pointer;display:inline-flex;align-items:stretch;margin:0 .5rem;margin-bottom:1.5rem;padding:0;position:relative;background-color:#F2F2F2;border-radius:50%;}.up__avatar-list{.close{position:absolute;top:-5px;color:black;z-index:2;font-size:1.2rem;padding:2px;border-radius:50%;right:0;}}.bug__new-files>button,.bug_new_fiels_lable{border:0;border-bottom:1px dashed #259AFF;background-color:var(--white);width:auto;min-width:auto;padding:0;height:auto;display:inline-flex;border-radius:0 !important;font-weight:700;flex-flow:column;color:#259AFF !important;align-items:center;justify-content:center;font-size:1.3rem;margin-left:.5rem;box-shadow:none;}.bug__new-file>.tick{margin:0;font-size:1.8rem;margin-right:.5rem;color:#1AB651;font-weight:600;}.bug__new-file{color:#979797;font-style:normal;font-weight:400;font-size:1.3rem;margin-bottom:1rem;display:flex;align-items:center;position:relative;}.bug__new-file>.delete-att-img{position:absolute;right:0;font-size:1.5rem;cursor:pointer;top:40%;transform:translateY(-50%);}.bug__new-file{color:#979797;font-style:normal;font-weight:400;font-size:1.3rem;margin-bottom:1rem;display:flex;align-items:center;position:relative;}label.error{font-size:12px;color:red;font-weight:400;}.web-app-footer-section .web-app-footer-widget .web-app-footer-menu-widget a,.web-app-footer-section .web-app-footer-widget p{font-size:1.4545454545454546rem !important;}.component-content{margin-top:1rem;}code.language-javascript{color:var(--Text-High) !important;}td button.code-copy-btn{top:50%;right:1rem;transform:translateY(-50%);}.table-bordered>tbody>tr>td{position:relative;}.ba-component-page label{font-weight:400;}