@bcc-code/component-library-vue 0.0.0-dev.1996e9e → 0.0.0-dev.1a5d955
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +33 -35
- package/dist/archivo-font/archivo-v25-latin-500.woff2 +0 -0
- package/dist/archivo-font/archivo-v25-latin-600.woff2 +0 -0
- package/dist/archivo-font/archivo-v25-latin-600italic.woff2 +0 -0
- package/dist/archivo-font/archivo-v25-latin-italic.woff2 +0 -0
- package/dist/archivo-font/archivo-v25-latin-regular.woff2 +0 -0
- package/dist/archivo-font.css +40 -0
- package/dist/component-library.js +10690 -10898
- package/dist/component-library.umd.cjs +283 -416
- package/dist/index.css +1 -1
- package/dist/library-utilities.css +2 -0
- package/dist/sfc-styles.css +1 -0
- package/dist/theme.css +210 -245
- package/dist-types/components/custom/BccAppNavigation/BccAppNavigation.vue.d.ts +1 -0
- package/dist-types/components/custom/BccImage/BccImage.vue.d.ts +54 -0
- package/dist-types/components/custom/BccLightbox/BccLightbox.vue.d.ts +3 -0
- package/dist-types/components/custom/BccLightbox/BccLightboxMedia.vue.d.ts +18 -0
- package/dist-types/components/custom/BccLightbox/composables.d.ts +23 -0
- package/dist-types/components/custom/BccLightbox/detectMedia.d.ts +4 -0
- package/dist-types/components/custom/BccLightbox/index.d.ts +6 -0
- package/dist-types/components/custom/BccLightbox/state.d.ts +33 -0
- package/dist-types/components/custom/BccLightbox/types.d.ts +31 -0
- package/dist-types/components/custom/BccNpsScore/BccNpsScore.vue.d.ts +1 -1
- package/dist-types/components/custom/BccReact/BccReact.vue.d.ts +1 -1
- package/dist-types/components/custom/index.d.ts +3 -1
- package/dist-types/components/wrapped/BccButton.vue.d.ts +4 -3
- package/dist-types/components/wrapped/BccCheckbox.vue.d.ts +3 -0
- package/dist-types/components/wrapped/BccMessage.vue.d.ts +1 -0
- package/dist-types/components/wrapped/BccRadioButton.vue.d.ts +1 -0
- package/dist-types/components/wrapped/index.d.ts +0 -2
- package/package.json +7 -2
- package/dist-types/components/custom/BccCircleLoader/BccCircleLoader.vue.d.ts +0 -11
- package/dist-types/components/wrapped/BccImage.vue.d.ts +0 -17
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer library-utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.\!fixed{position:fixed!important}.\!relative{position:relative!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing,.25rem)}.end{inset-inline-end:var(--spacing,.25rem)}.top-0{top:calc(var(--spacing,.25rem) * 0)}.right-0{right:calc(var(--spacing,.25rem) * 0)}.bottom-0{bottom:calc(var(--spacing,.25rem) * 0)}.left-0{left:calc(var(--spacing,.25rem) * 0)}.z-30{z-index:30}.-order-1{order:calc(1 * -1)}.order-1{order:1}.order-2{order:2}.order-last{order:9999}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing,.25rem) * 0)}.m-2{margin:calc(var(--spacing,.25rem) * 2)}.m-4{margin:calc(var(--spacing,.25rem) * 4)}.m-6{margin:calc(var(--spacing,.25rem) * 6)}.mx-1{margin-inline:calc(var(--spacing,.25rem) * 1)}.mx-5{margin-inline:calc(var(--spacing,.25rem) * 5)}.mx-auto{margin-inline:auto}.-my-0\.5{margin-block:calc(var(--spacing,.25rem) * -.5)}.my-4{margin-block:calc(var(--spacing,.25rem) * 4)}.my-6{margin-block:calc(var(--spacing,.25rem) * 6)}.mt-1{margin-top:calc(var(--spacing,.25rem) * 1)}.mt-2{margin-top:calc(var(--spacing,.25rem) * 2)}.mt-3\.25{margin-top:calc(var(--spacing,.25rem) * 3.25)}.mt-4{margin-top:calc(var(--spacing,.25rem) * 4)}.mt-6{margin-top:calc(var(--spacing,.25rem) * 6)}.mt-\[30px\]{margin-top:30px}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing,.25rem) * 1)}.mr-2{margin-right:calc(var(--spacing,.25rem) * 2)}.mb-1{margin-bottom:calc(var(--spacing,.25rem) * 1)}.mb-2{margin-bottom:calc(var(--spacing,.25rem) * 2)}.mb-3{margin-bottom:calc(var(--spacing,.25rem) * 3)}.mb-4{margin-bottom:calc(var(--spacing,.25rem) * 4)}.mb-5{margin-bottom:calc(var(--spacing,.25rem) * 5)}.mb-6{margin-bottom:calc(var(--spacing,.25rem) * 6)}.ml-1{margin-left:calc(var(--spacing,.25rem) * 1)}.ml-2{margin-left:calc(var(--spacing,.25rem) * 2)}.ml-auto{margin-left:auto}.col{flex-direction:column;justify-content:center;align-items:center;display:flex}.col.left{align-items:flex-start}.col.right{align-items:flex-end}.col.top{justify-content:flex-start}.col.bottom{justify-content:flex-end}.center{justify-content:center;align-items:center;display:flex}.center.top{align-items:flex-start}.center.bottom{align-items:flex-end}.center.left{justify-content:flex-start}.center.right{justify-content:flex-end}.center.stretch{align-items:stretch}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}.hide-scrollbar::-webkit-scrollbar{display:none}.capital{display:inline-block}.capital:first-letter{text-transform:uppercase}.capital.bcc-badge{display:inline-flex}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.size-3{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3)}.size-4{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.size-5{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5)}.size-6{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6)}.size-8{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8)}.size-full{width:100%;height:100%}.icon-size-sm{width:var(--icon-size-sm);height:var(--icon-size-sm)}.h-1{height:calc(var(--spacing,.25rem) * 1)}.h-1\.5{height:calc(var(--spacing,.25rem) * 1.5)}.h-2{height:calc(var(--spacing,.25rem) * 2)}.h-2\.5{height:calc(var(--spacing,.25rem) * 2.5)}.h-3{height:calc(var(--spacing,.25rem) * 3)}.h-3\.5{height:calc(var(--spacing,.25rem) * 3.5)}.h-4{height:calc(var(--spacing,.25rem) * 4)}.h-5{height:calc(var(--spacing,.25rem) * 5)}.h-6{height:calc(var(--spacing,.25rem) * 6)}.h-8{height:calc(var(--spacing,.25rem) * 8)}.h-9{height:calc(var(--spacing,.25rem) * 9)}.h-10{height:calc(var(--spacing,.25rem) * 10)}.h-12{height:calc(var(--spacing,.25rem) * 12)}.h-16{height:calc(var(--spacing,.25rem) * 16)}.h-20{height:calc(var(--spacing,.25rem) * 20)}.h-24{height:calc(var(--spacing,.25rem) * 24)}.h-28{height:calc(var(--spacing,.25rem) * 28)}.h-32{height:calc(var(--spacing,.25rem) * 32)}.h-36{height:calc(var(--spacing,.25rem) * 36)}.h-\[1\.5px\]{height:1.5px}.h-auto{height:auto}.h-full{height:100%}.max-h-12{max-height:calc(var(--spacing,.25rem) * 12)}.max-h-16{max-height:calc(var(--spacing,.25rem) * 16)}.min-h-12{min-height:calc(var(--spacing,.25rem) * 12)}.min-h-16{min-height:calc(var(--spacing,.25rem) * 16)}.min-h-18{min-height:var(--spacing-18,4.5rem)}.min-h-24{min-height:calc(var(--spacing,.25rem) * 24)}.min-h-28{min-height:calc(var(--spacing,.25rem) * 28)}.min-h-32{min-height:calc(var(--spacing,.25rem) * 32)}.min-h-37\.5{min-height:calc(var(--spacing,.25rem) * 37.5)}.min-h-\[200px\]{min-height:200px}.min-h-\[280px\]{min-height:280px}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing,.25rem) * 1)}.w-1\.5{width:calc(var(--spacing,.25rem) * 1.5)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-1\/4{width:25%}.w-1\/5{width:20%}.w-1\/6{width:16.6667%}.w-2\.5{width:calc(var(--spacing,.25rem) * 2.5)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing,.25rem) * 3)}.w-3\.5{width:calc(var(--spacing,.25rem) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing,.25rem) * 4)}.w-5{width:calc(var(--spacing,.25rem) * 5)}.w-6{width:calc(var(--spacing,.25rem) * 6)}.w-8{width:calc(var(--spacing,.25rem) * 8)}.w-10{width:calc(var(--spacing,.25rem) * 10)}.w-12{width:calc(var(--spacing,.25rem) * 12)}.w-14{width:calc(var(--spacing,.25rem) * 14)}.w-16{width:calc(var(--spacing,.25rem) * 16)}.w-18{width:var(--spacing-18,4.5rem)}.w-20{width:calc(var(--spacing,.25rem) * 20)}.w-24{width:calc(var(--spacing,.25rem) * 24)}.w-28{width:calc(var(--spacing,.25rem) * 28)}.w-32{width:calc(var(--spacing,.25rem) * 32)}.w-32\.5{width:calc(var(--spacing,.25rem) * 32.5)}.w-35{width:calc(var(--spacing,.25rem) * 35)}.w-36{width:calc(var(--spacing,.25rem) * 36)}.w-37\.5{width:calc(var(--spacing,.25rem) * 37.5)}.w-40{width:calc(var(--spacing,.25rem) * 40)}.w-44{width:calc(var(--spacing,.25rem) * 44)}.w-48{width:calc(var(--spacing,.25rem) * 48)}.w-52{width:calc(var(--spacing,.25rem) * 52)}.w-56{width:calc(var(--spacing,.25rem) * 56)}.w-72{width:calc(var(--spacing,.25rem) * 72)}.w-80{width:calc(var(--spacing,.25rem) * 80)}.w-\[1\.5px\]{width:1.5px}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl,42rem)}.max-w-4xl{max-width:var(--container-4xl,56rem)}.max-w-40{max-width:calc(var(--spacing,.25rem) * 40)}.max-w-49{max-width:calc(var(--spacing,.25rem) * 49)}.max-w-\[48\%\]{max-width:48%}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md,28rem)}.max-w-sm{max-width:var(--container-sm,24rem)}.max-w-xl{max-width:var(--container-xl,36rem)}.max-w-xs{max-width:var(--container-xs,20rem)}.min-w-64{min-width:calc(var(--spacing,.25rem) * 64)}.flex-1{flex:1}.flex-\[0\.8\]{flex:.8}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.basis-\[50rem\]{flex-basis:50rem}.scale-x-\[1\.6\]{--tw-scale-x:1.6;scale:var(--tw-scale-x) var(--tw-scale-y)}.-skew-x-\[5deg\]{--tw-skew-x:skewX(calc(5deg * -1));transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.clickable,.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(180px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.between,.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-\(--space-negative-25\){gap:var(--space-negative-25)}.gap-0\.5{gap:calc(var(--spacing,.25rem) * .5)}.gap-1{gap:calc(var(--spacing,.25rem) * 1)}.gap-1\.5{gap:calc(var(--spacing,.25rem) * 1.5)}.gap-2{gap:calc(var(--spacing,.25rem) * 2)}.gap-3{gap:calc(var(--spacing,.25rem) * 3)}.gap-4{gap:calc(var(--spacing,.25rem) * 4)}.gap-5{gap:calc(var(--spacing,.25rem) * 5)}.gap-6{gap:calc(var(--spacing,.25rem) * 6)}.gap-8{gap:calc(var(--spacing,.25rem) * 8)}.gap-12{gap:calc(var(--spacing,.25rem) * 12)}.gap-\[7px\]{gap:7px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing,.25rem) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing,.25rem) * -2) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing,.25rem) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing,.25rem) * 4) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-2{row-gap:calc(var(--spacing,.25rem) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.\!rounded{border-radius:.25rem!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl,1.5rem)}.rounded-2xs{border-radius:var(--radius-2xs,.125rem)}.rounded-3xl{border-radius:var(--radius-3xl,2rem)}.rounded-4xl{border-radius:var(--radius-4xl,3rem)}.rounded-full{border-radius:var(--radius-full,999px)}.rounded-lg{border-radius:var(--radius-lg,.75rem)}.rounded-md{border-radius:var(--radius-md,.5rem)}.rounded-none{border-radius:var(--radius-none,0)}.rounded-sm{border-radius:var(--radius-sm,.375rem)}.rounded-xl{border-radius:var(--radius-xl,1rem)}.rounded-xs{border-radius:var(--radius-xs,.25rem)}.rounded-t-full{border-top-left-radius:var(--radius-full,999px);border-top-right-radius:var(--radius-full,999px)}.rounded-t-lg{border-top-left-radius:var(--radius-lg,.75rem);border-top-right-radius:var(--radius-lg,.75rem)}.rounded-t-xl{border-top-left-radius:var(--radius-xl,1rem);border-top-right-radius:var(--radius-xl,1rem)}.rounded-l-sm{border-top-left-radius:var(--radius-sm,.375rem);border-bottom-left-radius:var(--radius-sm,.375rem)}.rounded-r-sm{border-top-right-radius:var(--radius-sm,.375rem);border-bottom-right-radius:var(--radius-sm,.375rem)}.rounded-b-full{border-bottom-right-radius:var(--radius-full,999px);border-bottom-left-radius:var(--radius-full,999px)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg,.75rem);border-bottom-left-radius:var(--radius-lg,.75rem)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl,1rem);border-bottom-left-radius:var(--radius-xl,1rem)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:var(--border-width-0,0)}.border-2{border-style:var(--tw-border-style);border-width:var(--border-width-2,2px)}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-\[3px\]{border-top-style:var(--tw-border-style);border-top-width:3px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:var(--border-width-2,2px)}.border-dashed{--tw-border-style:dashed;border-style:dashed}.ctx{background-color:var(--ctx-background);color:var(--ctx-text);border-color:var(--ctx-border)}.border-\(--bcc-border-subtle\){border-color:var(--bcc-border-subtle)}.border-bold{border-color:var(--color-border-bold,var(--color-neutral-600))}.border-brand{border-color:var(--color-border-brand,var(--color-brand-700))}.border-ctx{border-color:var(--ctx-border)}.border-danger{border-color:var(--color-border-danger,var(--color-red-600))}.border-default{border-color:var(--color-border-default,var(--color-neutral-alpha-300-a))}.border-disabled{border-color:var(--color-border-disabled,var(--color-neutral-alpha-200-a))}.border-focused{border-color:var(--color-border-focused,var(--color-neutral-800))}.border-information{border-color:var(--color-border-information,var(--color-blue-600))}.border-input{border-color:var(--color-border-input,var(--color-neutral-500))}.border-neutral-700{border-color:var(--color-neutral-700,#6b6e76)}.border-neutral-900{border-color:var(--color-neutral-900,#3b3d42)}.border-selected{border-color:var(--color-border-selected,var(--color-brand-700))}.border-success{border-color:var(--color-border-success,var(--color-green-600))}.border-warning{border-color:var(--color-border-warning,var(--color-orange-600))}.border-white{border-color:var(--color-white,#fff)}.bg-\(--bcc-border-subtle\){background-color:var(--bcc-border-subtle)}.bg-\(--bcc-surface\){background-color:var(--bcc-surface)}.bg-\(--bcc-surface-elevated\),.bg-\[var\(--bcc-surface-elevated\)\]{background-color:var(--bcc-surface-elevated)}.bg-accent-brown-subtler-default{background-color:var(--color-background-accent-brown-subtler-default,var(--color-brown-200))}.bg-accent-teal-subtler-default{background-color:var(--color-background-accent-teal-subtler-default,var(--color-teal-200))}.bg-border-danger{background-color:var(--color-border-danger,var(--color-red-600))}.bg-border-default{background-color:var(--color-border-default,var(--color-neutral-alpha-300-a))}.bg-brand-800{background-color:var(--color-brand-800,var(--color-bcc-800))}.bg-brand-bolder-default{background-color:var(--color-background-brand-bolder-default,var(--color-brand-800))}.bg-brand-subtlest-default{background-color:var(--color-background-brand-subtlest-default,var(--color-brand-100))}.bg-ctx{background-color:var(--ctx-background)}.bg-danger-default{background-color:var(--color-background-danger-default,var(--color-red-100))}.bg-elevation-surface-default{background-color:var(--color-elevation-surface-default,var(--color-neutral-0));background-color:var(--color-elevation-surface-default,var(--color-neutral-0))}.bg-elevation-surface-overlay-default{background-color:var(--color-elevation-surface-overlay-default,var(--color-neutral-0));background-color:var(--color-elevation-surface-overlay-default,var(--color-neutral-0))}.bg-elevation-surface-raised-default{background-color:var(--color-elevation-surface-raised-default,var(--color-neutral-0));background-color:var(--color-elevation-surface-raised-default,var(--color-neutral-0))}.bg-elevation-surface-sunken-default{background-color:var(--color-elevation-surface-sunken-default,var(--color-neutral-100));background-color:var(--color-elevation-surface-sunken-default,var(--color-neutral-100))}.bg-gray-100{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}.bg-icon-accent-teal-bold{background-color:var(--color-icon-accent-teal-bold,var(--color-teal-900))}.bg-icon-danger{background-color:var(--color-icon-danger,var(--color-red-800))}.bg-icon-success{background-color:var(--color-icon-success,var(--color-green-800))}.bg-information-default{background-color:var(--color-background-information-default,var(--color-blue-100))}.bg-neutral-100{background-color:var(--color-neutral-100,#f8f8f8)}.bg-neutral-200{background-color:var(--color-neutral-200,#f0f1f2)}.bg-neutral-300{background-color:var(--color-neutral-300,#dddee1)}.bg-neutral-800{background-color:var(--color-neutral-800,#505258)}.bg-neutral-900{background-color:var(--color-neutral-900,#3b3d42)}.bg-success-default{background-color:var(--color-background-success-default,var(--color-green-100))}.bg-text-subtlest{background-color:var(--color-text-subtlest,var(--color-neutral-600))}.bg-warning-default{background-color:var(--color-background-warning-default,var(--color-yellow-100))}.bg-white{background-color:var(--color-white,#fff)}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-brand-800{--tw-gradient-from:var(--color-brand-800,var(--color-bcc-800));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-brand-400{--tw-gradient-to:var(--color-brand-400,var(--color-bcc-400));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-0\.5{padding:calc(var(--spacing,.25rem) * .5)}.p-1{padding:calc(var(--spacing,.25rem) * 1)}.p-1\.5{padding:calc(var(--spacing,.25rem) * 1.5)}.p-2{padding:calc(var(--spacing,.25rem) * 2)}.p-3{padding:calc(var(--spacing,.25rem) * 3)}.p-4{padding:calc(var(--spacing,.25rem) * 4)}.p-5{padding:calc(var(--spacing,.25rem) * 5)}.p-6{padding:calc(var(--spacing,.25rem) * 6)}.p-8{padding:calc(var(--spacing,.25rem) * 8)}.p-10{padding:calc(var(--spacing,.25rem) * 10)}.p-12{padding:calc(var(--spacing,.25rem) * 12)}.p-16{padding:calc(var(--spacing,.25rem) * 16)}.p-20{padding:calc(var(--spacing,.25rem) * 20)}.p-\[13px\]{padding:13px}.px-1{padding-inline:calc(var(--spacing,.25rem) * 1)}.px-1\.5{padding-inline:calc(var(--spacing,.25rem) * 1.5)}.px-2{padding-inline:calc(var(--spacing,.25rem) * 2)}.px-3{padding-inline:calc(var(--spacing,.25rem) * 3)}.px-4{padding-inline:calc(var(--spacing,.25rem) * 4)}.px-5{padding-inline:calc(var(--spacing,.25rem) * 5)}.px-6{padding-inline:calc(var(--spacing,.25rem) * 6)}.px-8{padding-inline:calc(var(--spacing,.25rem) * 8)}.py-0\.5{padding-block:calc(var(--spacing,.25rem) * .5)}.py-1{padding-block:calc(var(--spacing,.25rem) * 1)}.py-1\.5{padding-block:calc(var(--spacing,.25rem) * 1.5)}.py-2{padding-block:calc(var(--spacing,.25rem) * 2)}.py-3{padding-block:calc(var(--spacing,.25rem) * 3)}.py-4{padding-block:calc(var(--spacing,.25rem) * 4)}.py-8{padding-block:calc(var(--spacing,.25rem) * 8)}.py-16{padding-block:calc(var(--spacing,.25rem) * 16)}.pt-6{padding-top:calc(var(--spacing,.25rem) * 6)}.pt-20{padding-top:calc(var(--spacing,.25rem) * 20)}.pt-\[var\(--spacing-inset-top\)\]{padding-top:var(--spacing-inset-top)}.pt-\[var\(--spacing-inset-top-4\)\]{padding-top:var(--spacing-inset-top-4)}.pt-inset-top{padding-top:var(--spacing-inset-top,env(safe-area-inset-top,var(--safe-area-inset-top,0px)))}.pt-inset-top-1{padding-top:var(--spacing-inset-top-1,max(.25rem, env(safe-area-inset-top,var(--safe-area-inset-top,0px))))}.pt-inset-top-2{padding-top:var(--spacing-inset-top-2,max(.5rem, env(safe-area-inset-top,var(--safe-area-inset-top,0px))))}.pt-inset-top-4{padding-top:var(--spacing-inset-top-4,max(1rem, env(safe-area-inset-top,var(--safe-area-inset-top,0px))))}.pr-2{padding-right:calc(var(--spacing,.25rem) * 2)}.pr-4{padding-right:calc(var(--spacing,.25rem) * 4)}.pr-inset-right{padding-right:var(--spacing-inset-right,env(safe-area-inset-right,var(--safe-area-inset-right,0px)))}.pb-1{padding-bottom:calc(var(--spacing,.25rem) * 1)}.pb-1\.5{padding-bottom:calc(var(--spacing,.25rem) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing,.25rem) * 2)}.pb-5{padding-bottom:calc(var(--spacing,.25rem) * 5)}.pb-12{padding-bottom:calc(var(--spacing,.25rem) * 12)}.pb-\[var\(--spacing-inset-bottom\)\]{padding-bottom:var(--spacing-inset-bottom)}.pb-inset-bottom{padding-bottom:var(--spacing-inset-bottom,env(safe-area-inset-bottom,var(--safe-area-inset-bottom,0px)))}.pb-inset-bottom-1{padding-bottom:var(--spacing-inset-bottom-1,max(.25rem, env(safe-area-inset-bottom,var(--safe-area-inset-bottom,0px))))}.pb-inset-bottom-2{padding-bottom:var(--spacing-inset-bottom-2,max(.5rem, env(safe-area-inset-bottom,var(--safe-area-inset-bottom,0px))))}.pb-inset-bottom-4{padding-bottom:var(--spacing-inset-bottom-4,max(1rem, env(safe-area-inset-bottom,var(--safe-area-inset-bottom,0px))))}.pl-4{padding-left:calc(var(--spacing,.25rem) * 4)}.pl-5{padding-left:calc(var(--spacing,.25rem) * 5)}.pl-inset-left{padding-left:var(--spacing-inset-left,env(safe-area-inset-left,var(--safe-area-inset-left,0px)))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-archivo{font-family:var(--font-archivo,Archivo)}.font-mono{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace)}.font-sans{font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.font-serif{font-family:var(--font-serif,ui-serif, Georgia, Cambria, "Times New Roman", Times, serif)}.text-2xl{font-size:var(--text-2xl,2em);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)))}.text-3xl{font-size:var(--text-3xl,2.25rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)))}.text-4xl{font-size:var(--text-4xl,3rem);line-height:var(--tw-leading,var(--text-4xl--line-height,calc(2.5 / 2.25)))}.text-5xl{font-size:var(--text-5xl,3.5rem);line-height:var(--tw-leading,var(--text-5xl--line-height,1))}.text-base{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}.text-lg{font-size:var(--text-lg,1.25rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}.text-sm{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.text-xl{font-size:var(--text-xl,1.5rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}.text-xs{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.text-\[32px\]{font-size:32px}.leading-lg\!{--tw-leading:var(--leading-lg,20px)!important;line-height:var(--leading-lg,20px)!important}.leading-none{--tw-leading:var(--leading-none,1);line-height:var(--leading-none,1)}.leading-relaxed{--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625)}.leading-snug{--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375)}.leading-tight{--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25)}.font-black{--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900)}.font-bold{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800)}.font-light{--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300)}.font-medium{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.font-normal{--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400)}.font-regular{--tw-font-weight:var(--font-weight-regular,400);font-weight:var(--font-weight-regular,400)}.font-semibold{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.tracking-wider{--tw-tracking:var(--tracking-wider,.05em);letter-spacing:var(--tracking-wider,.05em)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-accent-teal-bold{color:var(--color-text-accent-teal-bold,var(--color-teal-900))}.text-brand-100{color:var(--color-brand-100,var(--color-bcc-100))}.text-brand-300{color:var(--color-brand-300,var(--color-bcc-300))}.text-brand-bold{color:var(--color-text-brand-bold,var(--color-brand-900))}.text-brand-default{color:var(--color-text-brand-default,var(--color-brand-800))}.text-ctx{color:var(--ctx-text)}.text-ctx-bold{color:var(--ctx-text-bold)}.text-danger{color:var(--color-text-danger,var(--color-red-800))}.text-default{color:var(--color-text-default,var(--color-neutral-1000))}.text-disabled{color:var(--color-text-disabled,var(--color-neutral-alpha-400-a))}.text-gray-600{color:var(--color-gray-600,oklch(44.6% .03 256.802))}.text-icon-danger{color:var(--color-icon-danger,var(--color-red-800))}.text-icon-inverse{color:var(--color-icon-inverse,var(--color-neutral-0))}.text-icon-subtlest{color:var(--color-icon-subtlest,var(--color-neutral-600))}.text-icon-success{color:var(--color-icon-success,var(--color-green-800))}.text-information{color:var(--color-text-information,var(--color-blue-800))}.text-inverse{color:var(--color-text-inverse,var(--color-neutral-0))}.text-link-default{color:var(--color-link-default,var(--color-blue-800))}.text-neutral-500{color:var(--color-neutral-500,#8c8f97)}.text-subtle{color:var(--color-text-subtle,var(--color-neutral-800))}.text-subtlest{color:var(--color-text-subtlest,var(--color-neutral-600))}.text-success{color:var(--color-text-success,var(--color-green-800))}.text-white{color:var(--color-white,#fff)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-overflow{--tw-shadow:0 0 8px 0 var(--tw-shadow-color,#1e1f2129), 0 0 1px 0 var(--tw-shadow-color,#1e1f211f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-overlay{--tw-shadow:0 8px 12px 0 var(--tw-shadow-color,#1e1f2126), 0 0 1px 0 var(--tw-shadow-color,#1e1f214f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-raised{--tw-shadow:0 1px 1px 0 var(--tw-shadow-color,#1e1f2140), 0 0 1px 0 var(--tw-shadow-color,#1e1f214f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-ctx{--tw-shadow-color:var(--ctx-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md,0 3px 3px #0000001f));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in,cubic-bezier(.4, 0, 1, 1));transition-timing-function:var(--ease-in,cubic-bezier(.4, 0, 1, 1))}.ctx-blue-bolder{--ctx-text:var(--color-default-blue-200);--ctx-text-bold:var(--color-default-blue-100);--ctx-background:var(--color-default-blue-700);--ctx-gradient:var(--color-default-blue-800);--ctx-border:var(--color-default-blue-800);--ctx-border-bold:var(--color-default-blue-600);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-blue-200);--ctx-background-hover:var(--color-default-blue-800);--ctx-border-hover:var(--color-default-blue-800)}.ctx-blue-subtle{--ctx-text:var(--color-default-blue-900);--ctx-text-bold:var(--color-default-blue-1000);--ctx-background:var(--color-default-blue-400);--ctx-gradient:var(--color-default-blue-300);--ctx-border:var(--color-default-blue-500);--ctx-border-bold:var(--color-default-blue-700);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-blue-900);--ctx-background-hover:var(--color-default-blue-300);--ctx-border-hover:var(--color-default-blue-500)}.ctx-blue-subtler{--ctx-text:var(--color-default-blue-800);--ctx-text-bold:var(--color-default-blue-900);--ctx-background:var(--color-default-blue-200);--ctx-gradient:var(--color-default-blue-300);--ctx-border:var(--color-default-blue-300);--ctx-border-bold:var(--color-default-blue-500);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-blue-800);--ctx-background-hover:var(--color-default-blue-300);--ctx-border-hover:var(--color-default-blue-300)}.ctx-blue-subtlest{--ctx-text:var(--color-default-blue-800);--ctx-text-bold:var(--color-default-blue-900);--ctx-background:var(--color-default-blue-100);--ctx-gradient:var(--color-default-blue-200);--ctx-border:var(--color-default-blue-200);--ctx-border-bold:var(--color-default-blue-400);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-blue-800);--ctx-background-hover:var(--color-default-blue-200);--ctx-border-hover:var(--color-default-blue-200)}.ctx-brand-bold{--ctx-text:var(--color-default-bcc-200);--ctx-text-bold:var(--color-default-neutral-100);--ctx-background:var(--color-default-bcc-600);--ctx-gradient:var(--color-default-bcc-700);--ctx-border:var(--color-default-bcc-700);--ctx-border-bold:var(--color-default-bcc-500);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-bcc-200);--ctx-background-hover:var(--color-default-bcc-700);--ctx-border-hover:var(--color-default-bcc-700)}.ctx-brand-bolder{--ctx-text:var(--color-default-neutral-0);--ctx-text-bold:var(--color-default-neutral-0);--ctx-background:var(--color-default-bcc-800);--ctx-gradient:var(--color-default-bcc-900);--ctx-border:var(--color-default-bcc-900);--ctx-border-bold:var(--color-default-bcc-700);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-neutral-0);--ctx-background-hover:var(--color-default-bcc-900);--ctx-border-hover:var(--color-default-bcc-900)}.ctx-brand-boldest{--ctx-text:var(--color-default-neutral-0);--ctx-text-bold:var(--color-default-neutral-0);--ctx-background:var(--color-default-bcc-1000);--ctx-gradient:var(--color-default-bcc-900);--ctx-border:var(--color-default-bcc-800);--ctx-border-bold:var(--color-default-bcc-600);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-neutral-0);--ctx-background-hover:var(--color-default-bcc-900);--ctx-border-hover:var(--color-default-bcc-800)}.ctx-brand-default{--ctx-text:var(--color-default-neutral-1000);--ctx-text-bold:var(--color-default-neutral-1100);--ctx-background:var(--color-default-neutral-0);--ctx-gradient:var(--color-default-neutral-0);--ctx-border:var(--color-default-neutral-700);--ctx-border-bold:var(--color-default-neutral-800);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-neutral-1000);--ctx-background-hover:var(--color-default-neutral-0);--ctx-border-hover:var(--color-default-neutral-700)}.ctx-brand-subtle{--ctx-text:var(--color-default-bcc-1000);--ctx-text-bold:var(--color-default-bcc-900);--ctx-background:var(--color-default-bcc-400);--ctx-gradient:var(--color-default-bcc-300);--ctx-border:var(--color-default-bcc-500);--ctx-border-bold:var(--color-default-bcc-700);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-bcc-1000);--ctx-background-hover:var(--color-default-bcc-300);--ctx-border-hover:var(--color-default-bcc-500)}.ctx-brand-subtler{--ctx-text:var(--color-default-bcc-900);--ctx-text-bold:var(--color-default-bcc-800);--ctx-background:var(--color-default-bcc-200);--ctx-gradient:var(--color-default-bcc-300);--ctx-border:var(--color-default-bcc-300);--ctx-border-bold:var(--color-default-bcc-500);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-bcc-900);--ctx-background-hover:var(--color-default-bcc-300);--ctx-border-hover:var(--color-default-bcc-300)}.ctx-brand-subtlest{--ctx-text:var(--color-default-bcc-800);--ctx-text-bold:var(--color-default-bcc-700);--ctx-background:var(--color-default-bcc-100);--ctx-gradient:var(--color-default-bcc-200);--ctx-border:var(--color-default-bcc-200);--ctx-border-bold:var(--color-default-bcc-400);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-bcc-800);--ctx-background-hover:var(--color-default-bcc-200);--ctx-border-hover:var(--color-default-bcc-200)}.ctx-brown-bolder{--ctx-text:var(--color-default-brown-200);--ctx-text-bold:var(--color-default-brown-100);--ctx-background:var(--color-default-brown-700);--ctx-gradient:var(--color-default-brown-800);--ctx-border:var(--color-default-brown-800);--ctx-border-bold:var(--color-default-brown-600);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-brown-200);--ctx-background-hover:var(--color-default-brown-800);--ctx-border-hover:var(--color-default-brown-800)}.ctx-brown-subtle{--ctx-text:var(--color-default-brown-900);--ctx-text-bold:var(--color-default-brown-1000);--ctx-background:var(--color-default-brown-400);--ctx-gradient:var(--color-default-brown-300);--ctx-border:var(--color-default-brown-500);--ctx-border-bold:var(--color-default-brown-700);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-brown-900);--ctx-background-hover:var(--color-default-brown-300);--ctx-border-hover:var(--color-default-brown-500)}.ctx-brown-subtler{--ctx-text:var(--color-default-brown-800);--ctx-text-bold:var(--color-default-brown-900);--ctx-background:var(--color-default-brown-200);--ctx-gradient:var(--color-default-brown-300);--ctx-border:var(--color-default-brown-300);--ctx-border-bold:var(--color-default-brown-500);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-brown-800);--ctx-background-hover:var(--color-default-brown-300);--ctx-border-hover:var(--color-default-brown-300)}.ctx-brown-subtlest{--ctx-text:var(--color-default-brown-800);--ctx-text-bold:var(--color-default-brown-900);--ctx-background:var(--color-default-brown-100);--ctx-gradient:var(--color-default-brown-200);--ctx-border:var(--color-default-brown-200);--ctx-border-bold:var(--color-default-brown-400);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-brown-800);--ctx-background-hover:var(--color-default-brown-200);--ctx-border-hover:var(--color-default-brown-200)}.ctx-danger-bolder{--ctx-text:var(--color-default-red-200);--ctx-text-bold:var(--color-default-red-100);--ctx-background:var(--color-default-red-700);--ctx-gradient:var(--color-default-red-800);--ctx-border:var(--color-default-red-700);--ctx-border-bold:var(--color-default-red-400);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-red-200);--ctx-background-hover:var(--color-default-red-800);--ctx-border-hover:var(--color-default-red-700)}.ctx-danger-subtlest{--ctx-text:var(--color-default-red-800);--ctx-text-bold:var(--color-default-red-900);--ctx-background:var(--color-default-red-100);--ctx-gradient:var(--color-default-red-200);--ctx-border:var(--color-default-red-300);--ctx-border-bold:var(--color-default-red-800);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-red-800);--ctx-background-hover:var(--color-default-red-200);--ctx-border-hover:var(--color-default-red-300)}.ctx-default{--ctx-text:var(--color-default-neutral-1000);--ctx-text-bold:var(--color-default-neutral-1100);--ctx-background:var(--color-default-neutral-0);--ctx-gradient:var(--color-default-neutral-100);--ctx-border:var(--color-default-neutral-300);--ctx-border-bold:var(--color-default-neutral-800);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-neutral-1000);--ctx-background-hover:var(--color-default-neutral-100);--ctx-border-hover:var(--color-default-neutral-300)}.ctx-gray-bolder{--ctx-text:var(--color-default-neutral-200);--ctx-text-bold:var(--color-default-neutral-100);--ctx-background:var(--color-default-neutral-700);--ctx-gradient:var(--color-default-neutral-800);--ctx-border:var(--color-default-neutral-800);--ctx-border-bold:var(--color-default-neutral-600);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-neutral-200);--ctx-background-hover:var(--color-default-neutral-800);--ctx-border-hover:var(--color-default-neutral-800)}.ctx-gray-subtle{--ctx-text:var(--color-default-neutral-900);--ctx-text-bold:var(--color-default-neutral-1000);--ctx-background:var(--color-default-neutral-400);--ctx-gradient:var(--color-default-neutral-300);--ctx-border:var(--color-default-neutral-500);--ctx-border-bold:var(--color-default-neutral-700);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-neutral-900);--ctx-background-hover:var(--color-default-neutral-300);--ctx-border-hover:var(--color-default-neutral-500)}.ctx-gray-subtler{--ctx-text:var(--color-default-neutral-800);--ctx-text-bold:var(--color-default-neutral-900);--ctx-background:var(--color-default-neutral-200);--ctx-gradient:var(--color-default-neutral-300);--ctx-border:var(--color-default-neutral-300);--ctx-border-bold:var(--color-default-neutral-500);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-neutral-800);--ctx-background-hover:var(--color-default-neutral-300);--ctx-border-hover:var(--color-default-neutral-300)}.ctx-gray-subtlest{--ctx-text:var(--color-default-neutral-800);--ctx-text-bold:var(--color-default-neutral-900);--ctx-background:var(--color-default-neutral-100);--ctx-gradient:var(--color-default-neutral-200);--ctx-border:var(--color-default-neutral-200);--ctx-border-bold:var(--color-default-neutral-400);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-neutral-800);--ctx-background-hover:var(--color-default-neutral-200);--ctx-border-hover:var(--color-default-neutral-200)}.ctx-green-bolder{--ctx-text:var(--color-default-green-200);--ctx-text-bold:var(--color-default-green-100);--ctx-background:var(--color-default-green-700);--ctx-gradient:var(--color-default-green-800);--ctx-border:var(--color-default-green-800);--ctx-border-bold:var(--color-default-green-600);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-green-200);--ctx-background-hover:var(--color-default-green-800);--ctx-border-hover:var(--color-default-green-800)}.ctx-green-subtle{--ctx-text:var(--color-default-green-900);--ctx-text-bold:var(--color-default-green-1000);--ctx-background:var(--color-default-green-400);--ctx-gradient:var(--color-default-green-300);--ctx-border:var(--color-default-green-500);--ctx-border-bold:var(--color-default-green-700);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-green-900);--ctx-background-hover:var(--color-default-green-300);--ctx-border-hover:var(--color-default-green-500)}.ctx-green-subtler{--ctx-text:var(--color-default-green-800);--ctx-text-bold:var(--color-default-green-900);--ctx-background:var(--color-default-green-200);--ctx-gradient:var(--color-default-green-300);--ctx-border:var(--color-default-green-300);--ctx-border-bold:var(--color-default-green-500);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-green-800);--ctx-background-hover:var(--color-default-green-300);--ctx-border-hover:var(--color-default-green-300)}.ctx-green-subtlest{--ctx-text:var(--color-default-green-800);--ctx-text-bold:var(--color-default-green-900);--ctx-background:var(--color-default-green-100);--ctx-gradient:var(--color-default-green-200);--ctx-border:var(--color-default-green-200);--ctx-border-bold:var(--color-default-green-400);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-green-800);--ctx-background-hover:var(--color-default-green-200);--ctx-border-hover:var(--color-default-green-200)}.ctx-info-bolder{--ctx-text:var(--color-default-blue-200);--ctx-text-bold:var(--color-default-blue-100);--ctx-background:var(--color-default-blue-700);--ctx-gradient:var(--color-default-blue-800);--ctx-border:var(--color-default-blue-700);--ctx-border-bold:var(--color-default-blue-400);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-blue-200);--ctx-background-hover:var(--color-default-blue-800);--ctx-border-hover:var(--color-default-blue-700)}.ctx-info-subtlest{--ctx-text:var(--color-default-blue-800);--ctx-text-bold:var(--color-default-blue-900);--ctx-background:var(--color-default-blue-100);--ctx-gradient:var(--color-default-blue-200);--ctx-border:var(--color-default-blue-300);--ctx-border-bold:var(--color-default-blue-800);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-blue-800);--ctx-background-hover:var(--color-default-blue-200);--ctx-border-hover:var(--color-default-blue-300)}.ctx-magenta-bolder{--ctx-text:var(--color-default-magenta-200);--ctx-text-bold:var(--color-default-magenta-100);--ctx-background:var(--color-default-magenta-700);--ctx-gradient:var(--color-default-magenta-800);--ctx-border:var(--color-default-magenta-800);--ctx-border-bold:var(--color-default-magenta-600);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-magenta-200);--ctx-background-hover:var(--color-default-magenta-800);--ctx-border-hover:var(--color-default-magenta-800)}.ctx-magenta-subtle{--ctx-text:var(--color-default-magenta-900);--ctx-text-bold:var(--color-default-magenta-1000);--ctx-background:var(--color-default-magenta-400);--ctx-gradient:var(--color-default-magenta-300);--ctx-border:var(--color-default-magenta-500);--ctx-border-bold:var(--color-default-magenta-700);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-magenta-900);--ctx-background-hover:var(--color-default-magenta-300);--ctx-border-hover:var(--color-default-magenta-500)}.ctx-magenta-subtler{--ctx-text:var(--color-default-magenta-800);--ctx-text-bold:var(--color-default-magenta-900);--ctx-background:var(--color-default-magenta-200);--ctx-gradient:var(--color-default-magenta-300);--ctx-border:var(--color-default-magenta-300);--ctx-border-bold:var(--color-default-magenta-500);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-magenta-800);--ctx-background-hover:var(--color-default-magenta-300);--ctx-border-hover:var(--color-default-magenta-300)}.ctx-magenta-subtlest{--ctx-text:var(--color-default-magenta-800);--ctx-text-bold:var(--color-default-magenta-900);--ctx-background:var(--color-default-magenta-100);--ctx-gradient:var(--color-default-magenta-200);--ctx-border:var(--color-default-magenta-200);--ctx-border-bold:var(--color-default-magenta-400);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-magenta-800);--ctx-background-hover:var(--color-default-magenta-200);--ctx-border-hover:var(--color-default-magenta-200)}.ctx-neutral-bold{--ctx-text:var(--color-default-neutral-300);--ctx-text-bold:var(--color-default-neutral-200);--ctx-background:var(--color-default-neutral-900);--ctx-gradient:var(--color-default-neutral-800);--ctx-border:var(--color-default-neutral-600);--ctx-border-bold:var(--color-default-neutral-500);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-neutral-300);--ctx-background-hover:var(--color-default-neutral-800);--ctx-border-hover:var(--color-default-neutral-600)}.ctx-neutral-bolder{--ctx-text:var(--color-default-neutral-200);--ctx-text-bold:var(--color-default-neutral-100);--ctx-background:var(--color-default-neutral-1000);--ctx-gradient:var(--color-default-neutral-900);--ctx-border:var(--color-default-neutral-700);--ctx-border-bold:var(--color-default-neutral-400);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-neutral-200);--ctx-background-hover:var(--color-default-neutral-900);--ctx-border-hover:var(--color-default-neutral-700)}.ctx-neutral-boldest{--ctx-text:var(--color-default-neutral-100);--ctx-text-bold:var(--color-default-neutral-0);--ctx-background:var(--color-default-neutral-1100);--ctx-gradient:var(--color-default-neutral-1000);--ctx-border:var(--color-default-neutral-800);--ctx-border-bold:var(--color-default-neutral-300);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-neutral-100);--ctx-background-hover:var(--color-default-neutral-1000);--ctx-border-hover:var(--color-default-neutral-800)}.ctx-neutral-subtle{--ctx-text:var(--color-default-neutral-800);--ctx-text-bold:var(--color-default-neutral-900);--ctx-background:var(--color-default-neutral-200);--ctx-gradient:var(--color-default-neutral-300);--ctx-border:var(--color-default-neutral-500);--ctx-border-bold:var(--color-default-neutral-600);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-neutral-800);--ctx-background-hover:var(--color-default-neutral-300);--ctx-border-hover:var(--color-default-neutral-500)}.ctx-neutral-subtler{--ctx-text:var(--color-default-neutral-900);--ctx-text-bold:var(--color-default-neutral-1000);--ctx-background:var(--color-default-neutral-100);--ctx-gradient:var(--color-default-neutral-200);--ctx-border:var(--color-default-neutral-400);--ctx-border-bold:var(--color-default-neutral-700);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-neutral-900);--ctx-background-hover:var(--color-default-neutral-200);--ctx-border-hover:var(--color-default-neutral-400)}.ctx-neutral-subtlest{--ctx-text:var(--color-default-neutral-1000);--ctx-text-bold:var(--color-default-neutral-1100);--ctx-background:var(--color-default-neutral-0);--ctx-gradient:var(--color-default-neutral-100);--ctx-border:var(--color-default-neutral-300);--ctx-border-bold:var(--color-default-neutral-800);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-neutral-1000);--ctx-background-hover:var(--color-default-neutral-100);--ctx-border-hover:var(--color-default-neutral-300)}.ctx-orange-bolder{--ctx-text:var(--color-default-orange-200);--ctx-text-bold:var(--color-default-orange-100);--ctx-background:var(--color-default-orange-700);--ctx-gradient:var(--color-default-orange-800);--ctx-border:var(--color-default-orange-800);--ctx-border-bold:var(--color-default-orange-600);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-orange-200);--ctx-background-hover:var(--color-default-orange-800);--ctx-border-hover:var(--color-default-orange-800)}.ctx-orange-subtle{--ctx-text:var(--color-default-orange-900);--ctx-text-bold:var(--color-default-orange-1000);--ctx-background:var(--color-default-orange-400);--ctx-gradient:var(--color-default-orange-300);--ctx-border:var(--color-default-orange-500);--ctx-border-bold:var(--color-default-orange-700);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-orange-900);--ctx-background-hover:var(--color-default-orange-300);--ctx-border-hover:var(--color-default-orange-500)}.ctx-orange-subtler{--ctx-text:var(--color-default-orange-800);--ctx-text-bold:var(--color-default-orange-900);--ctx-background:var(--color-default-orange-200);--ctx-gradient:var(--color-default-orange-300);--ctx-border:var(--color-default-orange-300);--ctx-border-bold:var(--color-default-orange-500);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-orange-800);--ctx-background-hover:var(--color-default-orange-300);--ctx-border-hover:var(--color-default-orange-300)}.ctx-orange-subtlest{--ctx-text:var(--color-default-orange-800);--ctx-text-bold:var(--color-default-orange-900);--ctx-background:var(--color-default-orange-100);--ctx-gradient:var(--color-default-orange-200);--ctx-border:var(--color-default-orange-200);--ctx-border-bold:var(--color-default-orange-400);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-orange-800);--ctx-background-hover:var(--color-default-orange-200);--ctx-border-hover:var(--color-default-orange-200)}.ctx-purple-bolder{--ctx-text:var(--color-default-purple-200);--ctx-text-bold:var(--color-default-purple-100);--ctx-background:var(--color-default-purple-700);--ctx-gradient:var(--color-default-purple-800);--ctx-border:var(--color-default-purple-800);--ctx-border-bold:var(--color-default-purple-600);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-purple-200);--ctx-background-hover:var(--color-default-purple-800);--ctx-border-hover:var(--color-default-purple-800)}.ctx-purple-subtle{--ctx-text:var(--color-default-purple-900);--ctx-text-bold:var(--color-default-purple-1000);--ctx-background:var(--color-default-purple-400);--ctx-gradient:var(--color-default-purple-300);--ctx-border:var(--color-default-purple-500);--ctx-border-bold:var(--color-default-purple-700);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-purple-900);--ctx-background-hover:var(--color-default-purple-300);--ctx-border-hover:var(--color-default-purple-500)}.ctx-purple-subtler{--ctx-text:var(--color-default-purple-800);--ctx-text-bold:var(--color-default-purple-900);--ctx-background:var(--color-default-purple-200);--ctx-gradient:var(--color-default-purple-300);--ctx-border:var(--color-default-purple-300);--ctx-border-bold:var(--color-default-purple-500);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-purple-800);--ctx-background-hover:var(--color-default-purple-300);--ctx-border-hover:var(--color-default-purple-300)}.ctx-purple-subtlest{--ctx-text:var(--color-default-purple-800);--ctx-text-bold:var(--color-default-purple-900);--ctx-background:var(--color-default-purple-100);--ctx-gradient:var(--color-default-purple-200);--ctx-border:var(--color-default-purple-200);--ctx-border-bold:var(--color-default-purple-400);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-purple-800);--ctx-background-hover:var(--color-default-purple-200);--ctx-border-hover:var(--color-default-purple-200)}.ctx-red-bolder{--ctx-text:var(--color-default-red-200);--ctx-text-bold:var(--color-default-red-100);--ctx-background:var(--color-default-red-700);--ctx-gradient:var(--color-default-red-800);--ctx-border:var(--color-default-red-800);--ctx-border-bold:var(--color-default-red-600);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-red-200);--ctx-background-hover:var(--color-default-red-800);--ctx-border-hover:var(--color-default-red-800)}.ctx-red-subtle{--ctx-text:var(--color-default-red-900);--ctx-text-bold:var(--color-default-red-1000);--ctx-background:var(--color-default-red-400);--ctx-gradient:var(--color-default-red-300);--ctx-border:var(--color-default-red-500);--ctx-border-bold:var(--color-default-red-700);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-red-900);--ctx-background-hover:var(--color-default-red-300);--ctx-border-hover:var(--color-default-red-500)}.ctx-red-subtler{--ctx-text:var(--color-default-red-800);--ctx-text-bold:var(--color-default-red-900);--ctx-background:var(--color-default-red-200);--ctx-gradient:var(--color-default-red-300);--ctx-border:var(--color-default-red-300);--ctx-border-bold:var(--color-default-red-500);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-red-800);--ctx-background-hover:var(--color-default-red-300);--ctx-border-hover:var(--color-default-red-300)}.ctx-red-subtlest{--ctx-text:var(--color-default-red-800);--ctx-text-bold:var(--color-default-red-900);--ctx-background:var(--color-default-red-100);--ctx-gradient:var(--color-default-red-200);--ctx-border:var(--color-default-red-200);--ctx-border-bold:var(--color-default-red-400);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-red-800);--ctx-background-hover:var(--color-default-red-200);--ctx-border-hover:var(--color-default-red-200)}.ctx-success-bolder{--ctx-text:var(--color-default-green-200);--ctx-text-bold:var(--color-default-green-100);--ctx-background:var(--color-default-green-700);--ctx-gradient:var(--color-default-green-800);--ctx-border:var(--color-default-green-700);--ctx-border-bold:var(--color-default-green-400);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-green-200);--ctx-background-hover:var(--color-default-green-800);--ctx-border-hover:var(--color-default-green-700)}.ctx-success-subtlest{--ctx-text:var(--color-default-green-800);--ctx-text-bold:var(--color-default-green-900);--ctx-background:var(--color-default-green-100);--ctx-gradient:var(--color-default-green-200);--ctx-border:var(--color-default-green-300);--ctx-border-bold:var(--color-default-green-800);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-green-800);--ctx-background-hover:var(--color-default-green-200);--ctx-border-hover:var(--color-default-green-300)}.ctx-teal-bolder{--ctx-text:var(--color-default-teal-200);--ctx-text-bold:var(--color-default-teal-100);--ctx-background:var(--color-default-teal-700);--ctx-gradient:var(--color-default-teal-800);--ctx-border:var(--color-default-teal-800);--ctx-border-bold:var(--color-default-teal-600);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-teal-200);--ctx-background-hover:var(--color-default-teal-800);--ctx-border-hover:var(--color-default-teal-800)}.ctx-teal-subtle{--ctx-text:var(--color-default-teal-900);--ctx-text-bold:var(--color-default-teal-1000);--ctx-background:var(--color-default-teal-400);--ctx-gradient:var(--color-default-teal-300);--ctx-border:var(--color-default-teal-500);--ctx-border-bold:var(--color-default-teal-700);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-teal-900);--ctx-background-hover:var(--color-default-teal-300);--ctx-border-hover:var(--color-default-teal-500)}.ctx-teal-subtler{--ctx-text:var(--color-default-teal-800);--ctx-text-bold:var(--color-default-teal-900);--ctx-background:var(--color-default-teal-200);--ctx-gradient:var(--color-default-teal-300);--ctx-border:var(--color-default-teal-300);--ctx-border-bold:var(--color-default-teal-500);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-teal-800);--ctx-background-hover:var(--color-default-teal-300);--ctx-border-hover:var(--color-default-teal-300)}.ctx-teal-subtlest{--ctx-text:var(--color-default-teal-800);--ctx-text-bold:var(--color-default-teal-900);--ctx-background:var(--color-default-teal-100);--ctx-gradient:var(--color-default-teal-200);--ctx-border:var(--color-default-teal-200);--ctx-border-bold:var(--color-default-teal-400);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-teal-800);--ctx-background-hover:var(--color-default-teal-200);--ctx-border-hover:var(--color-default-teal-200)}.ctx-warning-bolder{--ctx-text:var(--color-default-yellow-200);--ctx-text-bold:var(--color-default-yellow-100);--ctx-background:var(--color-default-yellow-700);--ctx-gradient:var(--color-default-yellow-800);--ctx-border:var(--color-default-yellow-700);--ctx-border-bold:var(--color-default-yellow-400);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-yellow-200);--ctx-background-hover:var(--color-default-yellow-800);--ctx-border-hover:var(--color-default-yellow-700)}.ctx-warning-subtlest{--ctx-text:var(--color-default-yellow-800);--ctx-text-bold:var(--color-default-yellow-900);--ctx-background:var(--color-default-yellow-100);--ctx-gradient:var(--color-default-yellow-200);--ctx-border:var(--color-default-yellow-300);--ctx-border-bold:var(--color-default-yellow-800);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-yellow-800);--ctx-background-hover:var(--color-default-yellow-200);--ctx-border-hover:var(--color-default-yellow-300)}.ctx-yellow-bolder{--ctx-text:var(--color-default-yellow-200);--ctx-text-bold:var(--color-default-yellow-100);--ctx-background:var(--color-default-yellow-700);--ctx-gradient:var(--color-default-yellow-800);--ctx-border:var(--color-default-yellow-800);--ctx-border-bold:var(--color-default-yellow-600);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-yellow-200);--ctx-background-hover:var(--color-default-yellow-800);--ctx-border-hover:var(--color-default-yellow-800)}.ctx-yellow-subtle{--ctx-text:var(--color-default-yellow-900);--ctx-text-bold:var(--color-default-yellow-1000);--ctx-background:var(--color-default-yellow-400);--ctx-gradient:var(--color-default-yellow-300);--ctx-border:var(--color-default-yellow-500);--ctx-border-bold:var(--color-default-yellow-700);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-yellow-900);--ctx-background-hover:var(--color-default-yellow-300);--ctx-border-hover:var(--color-default-yellow-500)}.ctx-yellow-subtler{--ctx-text:var(--color-default-yellow-800);--ctx-text-bold:var(--color-default-yellow-900);--ctx-background:var(--color-default-yellow-200);--ctx-gradient:var(--color-default-yellow-300);--ctx-border:var(--color-default-yellow-300);--ctx-border-bold:var(--color-default-yellow-500);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-yellow-800);--ctx-background-hover:var(--color-default-yellow-300);--ctx-border-hover:var(--color-default-yellow-300)}.ctx-yellow-subtlest{--ctx-text:var(--color-default-yellow-800);--ctx-text-bold:var(--color-default-yellow-900);--ctx-background:var(--color-default-yellow-100);--ctx-gradient:var(--color-default-yellow-200);--ctx-border:var(--color-default-yellow-200);--ctx-border-bold:var(--color-default-yellow-400);--ctx-shadow:var(--color-neutral-alpha-500A);--ctx-text-hover:var(--color-default-yellow-800);--ctx-background-hover:var(--color-default-yellow-200);--ctx-border-hover:var(--color-default-yellow-200)}.ctx-gradient{background:linear-gradient(225deg, var(--ctx-background) 0%, var(--ctx-gradient) 100%)}.ctx-gradient:where(.dark,.dark *){background:linear-gradient(225deg, var(--ctx-gradient) 0%, var(--ctx-background) 100%)}.body-lg{font:var(--body-lg,var(--font-weight-regular) var(--text-md)/var(--leading-xl) var(--font-archivo))}.body-md{font:var(--body-md,var(--font-weight-regular) var(--text-sm)/var(--leading-lg) var(--font-archivo))}.body-sm{font:var(--body-sm,var(--font-weight-regular) var(--text-xs)/var(--leading-md) var(--font-archivo))}.heading-2xl{font:var(--heading-2xl,var(--font-weight-semibold) var(--text-2xl)/var(--leading-3xl) var(--font-archivo))}.heading-3xl{font:var(--heading-3xl,var(--font-weight-semibold) var(--text-3xl)/var(--leading-5xl) var(--font-archivo))}.heading-4xl{font:var(--heading-4xl,var(--font-weight-semibold) var(--text-4xl)/var(--leading-6xl) var(--font-archivo))}.heading-5xl{font:var(--heading-5xl,var(--font-weight-semibold) var(--text-5xl)/var(--leading-7xl) var(--font-archivo))}.heading-lg{font:var(--heading-lg,var(--font-weight-semibold) var(--text-lg)/var(--leading-xl) var(--font-archivo))}.heading-md{font:var(--heading-md,var(--font-weight-semibold) var(--text-md)/var(--leading-lg) var(--font-archivo))}.heading-sm{font:var(--heading-sm,var(--font-weight-semibold) var(--text-sm)/var(--leading-md) var(--font-archivo))}.heading-xl{font:var(--heading-xl,var(--font-weight-semibold) var(--text-xl)/var(--leading-2xl) var(--font-archivo))}.heading-xs{font:var(--heading-xs,var(--font-weight-semibold) var(--text-xs)/var(--leading-sm) var(--font-archivo))}@media (hover:hover){.hover\:border-brand:hover{border-color:var(--color-border-brand,var(--color-brand-700))}.hover\:bg-brand-100:hover{background-color:var(--color-brand-100,var(--color-bcc-100))}.hover\:bg-neutral-200:hover{background-color:var(--color-neutral-200,#f0f1f2)}.hover\:text-link-pressed:hover{color:var(--color-link-pressed,var(--color-blue-900))}}.focus\:border-2:focus{border-style:var(--tw-border-style);border-width:var(--border-width-2,2px)}.focus\:border-focused:focus{border-color:var(--color-border-focused,var(--color-neutral-800))}@media (min-width:40rem){.sm\:px-6{padding-inline:calc(var(--spacing,.25rem) * 6)}}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.p-button.useCtx{--p-button-primary-color:var(--ctx-text);--p-button-primary-background:var(--ctx-background);--p-button-primary-border-color:var(--ctx-border);--p-button-primary-hover-background:var(--ctx-background-hover);--p-button-primary-hover-border-color:var(--ctx-border-hover);--p-button-primary-hover-color:var(--ctx-text-hover);--p-button-primary-active-background:var(--ctx-background-pressed);--p-button-primary-active-border-color:var(--ctx-border-pressed);--p-button-primary-active-color:var(--ctx-text-pressed)}.p-inputicon{--icon-size: 20px;font-size:var(--icon-size);width:var(--icon-size);height:var(--icon-size);margin-top:calc(-1 * (var(--icon-size) / 2))}.p-iconfield:has(.p-inputfield-sm) .p-inputicon{--icon-size: 16px}.p-iconfield:has(.p-inputfield-lg) .p-inputicon{--icon-size: 24px}.p-message.no-shadow{box-shadow:none}
|
package/dist/theme.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* Layer order: Tailwind base/utilities first, then PrimeVue so component styles win */
|
|
2
|
-
@layer theme, base,
|
|
2
|
+
@layer theme, base, component, library-utilities, utilities, primevue;
|
|
3
3
|
@import '@bcc-code/design-tokens/css';
|
|
4
4
|
|
|
5
5
|
@import 'tailwindcss';
|
|
@@ -23,201 +23,36 @@
|
|
|
23
23
|
--spacing-18: 4.5rem;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
.
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
@apply ctx-warning-subtlest;
|
|
37
|
-
}
|
|
38
|
-
.ctx-info {
|
|
39
|
-
@apply ctx-info-subtlest;
|
|
40
|
-
}
|
|
26
|
+
/*
|
|
27
|
+
* Force-emit ctx-* utilities that components construct dynamically (e.g.
|
|
28
|
+
* `:class="\`ctx-${context}\`"` in BccBadge, BccStepIndicator, BccCapacityIndicator).
|
|
29
|
+
* Tailwind cannot see those class names by scanning source, so without this list
|
|
30
|
+
* they would never be emitted into the utilities layer.
|
|
31
|
+
*
|
|
32
|
+
* Source of truth: the @utility ctx-* definitions in ./contexts.css (auto-generated
|
|
33
|
+
* by `pnpm run generate:context-css`). Keep this list in sync with that file.
|
|
34
|
+
*/
|
|
35
|
+
@source inline("ctx-default ctx-{blue,brown,gray,green,magenta,orange,purple,red,teal,yellow}-{bolder,subtle,subtler,subtlest} ctx-{danger,info,success,warning}-{bolder,subtlest} ctx-brand-{bold,bolder,boldest,default,subtle,subtler,subtlest} ctx-neutral-{bold,bolder,boldest,subtle,subtler,subtlest}");
|
|
41
36
|
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
.
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
@apply ctx-brand-bold;
|
|
62
|
-
}
|
|
63
|
-
.ctx-brand-subtle {
|
|
64
|
-
@apply ctx-brand-subtle;
|
|
65
|
-
}
|
|
66
|
-
.ctx-brand-subtler {
|
|
67
|
-
@apply ctx-brand-subtler;
|
|
68
|
-
}
|
|
69
|
-
.ctx-brand-subtlest {
|
|
70
|
-
@apply ctx-brand-subtlest;
|
|
71
|
-
}
|
|
72
|
-
.ctx-brown-bolder {
|
|
73
|
-
@apply ctx-brown-bolder;
|
|
74
|
-
}
|
|
75
|
-
.ctx-brown-subtle {
|
|
76
|
-
@apply ctx-brown-subtle;
|
|
77
|
-
}
|
|
78
|
-
.ctx-brown-subtler {
|
|
79
|
-
@apply ctx-brown-subtler;
|
|
80
|
-
}
|
|
81
|
-
.ctx-brown-subtlest {
|
|
82
|
-
@apply ctx-brown-subtlest;
|
|
83
|
-
}
|
|
84
|
-
.ctx-danger-subtlest {
|
|
85
|
-
@apply ctx-danger;
|
|
86
|
-
}
|
|
87
|
-
.ctx-danger-bolder {
|
|
88
|
-
@apply ctx-danger-bolder;
|
|
89
|
-
}
|
|
90
|
-
.ctx-gray-bolder {
|
|
91
|
-
@apply ctx-gray-bolder;
|
|
92
|
-
}
|
|
93
|
-
.ctx-gray-subtle {
|
|
94
|
-
@apply ctx-gray-subtle;
|
|
95
|
-
}
|
|
96
|
-
.ctx-gray-subtler {
|
|
97
|
-
@apply ctx-gray-subtler;
|
|
98
|
-
}
|
|
99
|
-
.ctx-gray-subtlest {
|
|
100
|
-
@apply ctx-gray-subtlest;
|
|
101
|
-
}
|
|
102
|
-
.ctx-green-bolder {
|
|
103
|
-
@apply ctx-green-bolder;
|
|
104
|
-
}
|
|
105
|
-
.ctx-green-subtle {
|
|
106
|
-
@apply ctx-green-subtle;
|
|
107
|
-
}
|
|
108
|
-
.ctx-green-subtler {
|
|
109
|
-
@apply ctx-green-subtler;
|
|
110
|
-
}
|
|
111
|
-
.ctx-green-subtlest {
|
|
112
|
-
@apply ctx-green-subtlest;
|
|
113
|
-
}
|
|
114
|
-
.ctx-info-subtlest {
|
|
115
|
-
@apply ctx-info;
|
|
116
|
-
}
|
|
117
|
-
.ctx-info-bolder {
|
|
118
|
-
@apply ctx-info-bolder;
|
|
119
|
-
}
|
|
120
|
-
.ctx-magenta-bolder {
|
|
121
|
-
@apply ctx-magenta-bolder;
|
|
122
|
-
}
|
|
123
|
-
.ctx-magenta-subtle {
|
|
124
|
-
@apply ctx-magenta-subtle;
|
|
125
|
-
}
|
|
126
|
-
.ctx-magenta-subtler {
|
|
127
|
-
@apply ctx-magenta-subtler;
|
|
128
|
-
}
|
|
129
|
-
.ctx-magenta-subtlest {
|
|
130
|
-
@apply ctx-magenta-subtlest;
|
|
131
|
-
}
|
|
132
|
-
.ctx-neutral-boldest {
|
|
133
|
-
@apply ctx-neutral-boldest;
|
|
134
|
-
}
|
|
135
|
-
.ctx-neutral-bolder {
|
|
136
|
-
@apply ctx-neutral-bolder;
|
|
137
|
-
}
|
|
138
|
-
.ctx-neutral-bold {
|
|
139
|
-
@apply ctx-neutral-bold;
|
|
140
|
-
}
|
|
141
|
-
.ctx-neutral-subtle {
|
|
142
|
-
@apply ctx-neutral-subtle;
|
|
143
|
-
}
|
|
144
|
-
.ctx-neutral-subtler {
|
|
145
|
-
@apply ctx-neutral-subtler;
|
|
146
|
-
}
|
|
147
|
-
.ctx-neutral-subtlest {
|
|
148
|
-
@apply ctx-neutral-subtlest;
|
|
149
|
-
}
|
|
150
|
-
.ctx-orange-bolder {
|
|
151
|
-
@apply ctx-orange-bolder;
|
|
152
|
-
}
|
|
153
|
-
.ctx-orange-subtle {
|
|
154
|
-
@apply ctx-orange-subtle;
|
|
155
|
-
}
|
|
156
|
-
.ctx-orange-subtler {
|
|
157
|
-
@apply ctx-orange-subtler;
|
|
158
|
-
}
|
|
159
|
-
.ctx-orange-subtlest {
|
|
160
|
-
@apply ctx-orange-subtlest;
|
|
161
|
-
}
|
|
162
|
-
.ctx-purple-bolder {
|
|
163
|
-
@apply ctx-purple-bolder;
|
|
164
|
-
}
|
|
165
|
-
.ctx-purple-subtle {
|
|
166
|
-
@apply ctx-purple-subtle;
|
|
167
|
-
}
|
|
168
|
-
.ctx-purple-subtler {
|
|
169
|
-
@apply ctx-purple-subtler;
|
|
170
|
-
}
|
|
171
|
-
.ctx-purple-subtlest {
|
|
172
|
-
@apply ctx-purple-subtlest;
|
|
173
|
-
}
|
|
174
|
-
.ctx-red-bolder {
|
|
175
|
-
@apply ctx-red-bolder;
|
|
176
|
-
}
|
|
177
|
-
.ctx-red-subtle {
|
|
178
|
-
@apply ctx-red-subtle;
|
|
179
|
-
}
|
|
180
|
-
.ctx-red-subtler {
|
|
181
|
-
@apply ctx-red-subtler;
|
|
182
|
-
}
|
|
183
|
-
.ctx-red-subtlest {
|
|
184
|
-
@apply ctx-red-subtlest;
|
|
185
|
-
}
|
|
186
|
-
.ctx-success-subtlest {
|
|
187
|
-
@apply ctx-success;
|
|
188
|
-
}
|
|
189
|
-
.ctx-success-bolder {
|
|
190
|
-
@apply ctx-success-bolder;
|
|
191
|
-
}
|
|
192
|
-
.ctx-teal-bolder {
|
|
193
|
-
@apply ctx-teal-bolder;
|
|
194
|
-
}
|
|
195
|
-
.ctx-teal-subtle {
|
|
196
|
-
@apply ctx-teal-subtle;
|
|
197
|
-
}
|
|
198
|
-
.ctx-teal-subtler {
|
|
199
|
-
@apply ctx-teal-subtler;
|
|
200
|
-
}
|
|
201
|
-
.ctx-teal-subtlest {
|
|
202
|
-
@apply ctx-teal-subtlest;
|
|
203
|
-
}
|
|
204
|
-
.ctx-warning-subtlest {
|
|
205
|
-
@apply ctx-warning;
|
|
206
|
-
}
|
|
207
|
-
.ctx-warning-bolder {
|
|
208
|
-
@apply ctx-warning-bolder;
|
|
209
|
-
}
|
|
210
|
-
.ctx-yellow-bolder {
|
|
211
|
-
@apply ctx-yellow-bolder;
|
|
212
|
-
}
|
|
213
|
-
.ctx-yellow-subtle {
|
|
214
|
-
@apply ctx-yellow-subtle;
|
|
215
|
-
}
|
|
216
|
-
.ctx-yellow-subtler {
|
|
217
|
-
@apply ctx-yellow-subtler;
|
|
218
|
-
}
|
|
219
|
-
.ctx-yellow-subtlest {
|
|
220
|
-
@apply ctx-yellow-subtlest;
|
|
37
|
+
/*
|
|
38
|
+
* Aliases for semantic context names. Plain @apply wrappers are kept because
|
|
39
|
+
* `.ctx-success` etc. are aliases (point at -subtlest variants), not standalone
|
|
40
|
+
* @utility definitions. Wrapped in @layer utilities so they participate in the
|
|
41
|
+
* cascade alongside other utilities.
|
|
42
|
+
*/
|
|
43
|
+
@layer utilities {
|
|
44
|
+
.ctx-success {
|
|
45
|
+
@apply ctx-success-subtlest;
|
|
46
|
+
}
|
|
47
|
+
.ctx-danger {
|
|
48
|
+
@apply ctx-danger-subtlest;
|
|
49
|
+
}
|
|
50
|
+
.ctx-warning {
|
|
51
|
+
@apply ctx-warning-subtlest;
|
|
52
|
+
}
|
|
53
|
+
.ctx-info {
|
|
54
|
+
@apply ctx-info-subtlest;
|
|
55
|
+
}
|
|
221
56
|
}
|
|
222
57
|
|
|
223
58
|
|
|
@@ -1870,7 +1705,8 @@
|
|
|
1870
1705
|
}
|
|
1871
1706
|
|
|
1872
1707
|
.p-message-text {
|
|
1873
|
-
line-height:
|
|
1708
|
+
line-height: 1;
|
|
1709
|
+
flex: 1 1 0;
|
|
1874
1710
|
}
|
|
1875
1711
|
|
|
1876
1712
|
.p-multiselect {
|
|
@@ -2003,7 +1839,7 @@
|
|
|
2003
1839
|
/* from ./BccBadge/BccBadge.css */
|
|
2004
1840
|
@layer components {
|
|
2005
1841
|
.bcc-badge {
|
|
2006
|
-
@apply inline-flex shrink-0 items-center justify-center gap-1 rounded-full leading-none whitespace-nowrap;
|
|
1842
|
+
@apply inline-flex shrink-0 items-center justify-center gap-1 rounded-full leading-none font-medium! whitespace-nowrap;
|
|
2007
1843
|
|
|
2008
1844
|
@apply bg-ctx text-ctx;
|
|
2009
1845
|
}
|
|
@@ -2195,43 +2031,160 @@
|
|
|
2195
2031
|
|
|
2196
2032
|
/* from ./BccGraphic/BccGraphic.css */
|
|
2197
2033
|
@layer components {
|
|
2198
|
-
|
|
2199
|
-
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
|
|
2206
|
-
|
|
2207
|
-
|
|
2208
|
-
|
|
2209
|
-
|
|
2210
|
-
|
|
2211
|
-
|
|
2212
|
-
|
|
2213
|
-
|
|
2214
|
-
|
|
2215
|
-
|
|
2216
|
-
|
|
2034
|
+
.bcc-graphic .corner,
|
|
2035
|
+
.bcc-graphic .center-slot {
|
|
2036
|
+
@apply absolute z-10;
|
|
2037
|
+
}
|
|
2038
|
+
.bcc-graphic .corner.top-left {
|
|
2039
|
+
@apply top-4 left-4;
|
|
2040
|
+
}
|
|
2041
|
+
.bcc-graphic .corner.top-right {
|
|
2042
|
+
@apply top-4 right-4;
|
|
2043
|
+
}
|
|
2044
|
+
.bcc-graphic .corner.bottom-right {
|
|
2045
|
+
@apply right-4 bottom-4;
|
|
2046
|
+
}
|
|
2047
|
+
.bcc-graphic .corner.bottom-left {
|
|
2048
|
+
@apply bottom-4 left-4;
|
|
2049
|
+
}
|
|
2050
|
+
.bcc-graphic .center-slot {
|
|
2051
|
+
@apply inset-1/4 flex h-1/2 w-1/2 items-center justify-center;
|
|
2052
|
+
}
|
|
2217
2053
|
|
|
2218
|
-
|
|
2219
|
-
|
|
2220
|
-
|
|
2054
|
+
.bcc-graphic {
|
|
2055
|
+
@apply from-background-brand-bolder-default to-background-brand-subtle-default relative flex max-h-full w-full bg-linear-to-tr;
|
|
2056
|
+
}
|
|
2221
2057
|
|
|
2222
|
-
|
|
2223
|
-
|
|
2224
|
-
|
|
2225
|
-
|
|
2226
|
-
|
|
2227
|
-
|
|
2058
|
+
.bcc-graphic-banner {
|
|
2059
|
+
@apply absolute inset-0 h-full w-full object-cover object-center;
|
|
2060
|
+
}
|
|
2061
|
+
.bcc-graphic-banner--loading {
|
|
2062
|
+
@apply from-background-brand-bolder-default to-background-brand-subtle-default animate-pulse bg-linear-to-tr;
|
|
2063
|
+
}
|
|
2228
2064
|
|
|
2229
|
-
|
|
2230
|
-
|
|
2231
|
-
|
|
2232
|
-
|
|
2233
|
-
|
|
2234
|
-
|
|
2065
|
+
.bcc-graphic-logo {
|
|
2066
|
+
@apply absolute inset-1/4 h-1/2 w-1/2 object-contain object-center;
|
|
2067
|
+
}
|
|
2068
|
+
.bcc-graphic-logo--loading {
|
|
2069
|
+
@apply animate-pulse bg-black opacity-10 blur-sm;
|
|
2070
|
+
}
|
|
2071
|
+
|
|
2072
|
+
.bcc-graphic.bcc-gb-grayscale .bcc-graphic-banner,
|
|
2073
|
+
.bcc-graphic.bcc-gb-grayscale .bcc-graphic-logo {
|
|
2074
|
+
@apply brightness-75 grayscale;
|
|
2075
|
+
}
|
|
2076
|
+
.bcc-graphic.bcc-gb-highlight .bcc-graphic-banner,
|
|
2077
|
+
.bcc-graphic.bcc-gb-highlight .bcc-graphic-logo {
|
|
2078
|
+
@apply brightness-150;
|
|
2079
|
+
}
|
|
2080
|
+
}
|
|
2081
|
+
|
|
2082
|
+
|
|
2083
|
+
|
|
2084
|
+
/* from ./BccImage/BccImage.css */
|
|
2085
|
+
@layer components {
|
|
2086
|
+
.bcc-image {
|
|
2087
|
+
@apply relative inline-block overflow-hidden leading-none;
|
|
2088
|
+
}
|
|
2089
|
+
|
|
2090
|
+
.bcc-image__img {
|
|
2091
|
+
@apply block max-w-full align-middle;
|
|
2092
|
+
}
|
|
2093
|
+
|
|
2094
|
+
.bcc-image--preview {
|
|
2095
|
+
@apply cursor-zoom-in;
|
|
2096
|
+
}
|
|
2097
|
+
|
|
2098
|
+
.bcc-image__preview-mask {
|
|
2099
|
+
@apply absolute inset-0 m-0 flex cursor-pointer items-center justify-center border-0 bg-black/40 p-0 opacity-0 transition-opacity;
|
|
2100
|
+
}
|
|
2101
|
+
|
|
2102
|
+
.bcc-image--preview:hover .bcc-image__preview-mask,
|
|
2103
|
+
.bcc-image--preview:focus-within .bcc-image__preview-mask {
|
|
2104
|
+
@apply opacity-100;
|
|
2105
|
+
}
|
|
2106
|
+
|
|
2107
|
+
.bcc-image__preview-icon {
|
|
2108
|
+
@apply size-6 text-white;
|
|
2109
|
+
}
|
|
2110
|
+
}
|
|
2111
|
+
|
|
2112
|
+
|
|
2113
|
+
|
|
2114
|
+
/* from ./BccLightbox/BccLightbox.css */
|
|
2115
|
+
@layer components {
|
|
2116
|
+
.bcc-lightbox {
|
|
2117
|
+
@apply fixed inset-0 z-9999 flex touch-none items-center justify-center;
|
|
2118
|
+
}
|
|
2119
|
+
|
|
2120
|
+
.bcc-lightbox__backdrop {
|
|
2121
|
+
@apply absolute inset-0 bg-black/75;
|
|
2122
|
+
}
|
|
2123
|
+
|
|
2124
|
+
.bcc-lightbox__header {
|
|
2125
|
+
@apply top-inset-top pointer-events-none absolute inset-x-0 z-20 flex items-center justify-end gap-3 p-3;
|
|
2126
|
+
}
|
|
2127
|
+
|
|
2128
|
+
.bcc-lightbox__counter {
|
|
2129
|
+
@apply body-sm pointer-events-none mr-auto rounded-md bg-black/50 px-2.5 py-1 text-white;
|
|
2130
|
+
}
|
|
2131
|
+
|
|
2132
|
+
.bcc-lightbox__control {
|
|
2133
|
+
@apply pointer-events-auto flex cursor-pointer items-center justify-center rounded-md border-0 bg-black/50 p-2 text-white transition-colors hover:bg-black/65;
|
|
2134
|
+
}
|
|
2135
|
+
|
|
2136
|
+
.bcc-lightbox__icon {
|
|
2137
|
+
@apply size-6 shrink-0;
|
|
2138
|
+
}
|
|
2139
|
+
|
|
2140
|
+
.bcc-lightbox__nav {
|
|
2141
|
+
@apply absolute top-1/2 z-20 -translate-y-1/2;
|
|
2142
|
+
}
|
|
2143
|
+
|
|
2144
|
+
.bcc-lightbox__nav--prev {
|
|
2145
|
+
@apply left-1 sm:left-3;
|
|
2146
|
+
}
|
|
2147
|
+
|
|
2148
|
+
.bcc-lightbox__nav--next {
|
|
2149
|
+
@apply right-1 sm:right-3;
|
|
2150
|
+
}
|
|
2151
|
+
|
|
2152
|
+
.bcc-lightbox__stage {
|
|
2153
|
+
@apply relative z-10 box-border flex h-full w-full max-w-6xl items-center justify-center px-2 py-14 sm:px-12;
|
|
2154
|
+
}
|
|
2155
|
+
|
|
2156
|
+
.bcc-lightbox__toolbar {
|
|
2157
|
+
@apply center bottom-inset-bottom-4 pointer-events-none absolute z-20 flex gap-1 rounded-md bg-black/50 p-1;
|
|
2158
|
+
}
|
|
2159
|
+
|
|
2160
|
+
.bcc-lightbox__toolbar-btn {
|
|
2161
|
+
@apply pointer-events-auto flex cursor-pointer items-center justify-center rounded-sm border-0 bg-transparent px-3 py-2 text-white transition-colors hover:bg-white/12;
|
|
2162
|
+
}
|
|
2163
|
+
|
|
2164
|
+
.bcc-lightbox__media {
|
|
2165
|
+
@apply flex max-h-[calc(100vh-7rem)] w-full touch-none flex-col items-center justify-center;
|
|
2166
|
+
}
|
|
2167
|
+
|
|
2168
|
+
.bcc-lightbox__media--zoomable {
|
|
2169
|
+
@apply cursor-grab active:cursor-grabbing;
|
|
2170
|
+
}
|
|
2171
|
+
|
|
2172
|
+
.bcc-lightbox__transform {
|
|
2173
|
+
@apply flex origin-center items-center justify-center will-change-transform;
|
|
2174
|
+
}
|
|
2175
|
+
|
|
2176
|
+
.bcc-lightbox__image,
|
|
2177
|
+
.bcc-lightbox__video {
|
|
2178
|
+
@apply block h-auto max-h-[calc(100vh-8rem)] w-auto max-w-[min(92vw,68rem)] object-contain select-none;
|
|
2179
|
+
}
|
|
2180
|
+
|
|
2181
|
+
.bcc-lightbox__video {
|
|
2182
|
+
@apply bg-black;
|
|
2183
|
+
}
|
|
2184
|
+
|
|
2185
|
+
.bcc-lightbox__caption {
|
|
2186
|
+
@apply body-sm mt-3 max-w-[min(92vw,40rem)] text-center text-white;
|
|
2187
|
+
}
|
|
2235
2188
|
}
|
|
2236
2189
|
|
|
2237
2190
|
|
|
@@ -2470,6 +2423,7 @@
|
|
|
2470
2423
|
|
|
2471
2424
|
|
|
2472
2425
|
|
|
2426
|
+
|
|
2473
2427
|
/* === ./components/wrapped/styles.css === */
|
|
2474
2428
|
|
|
2475
2429
|
/* from ./BccAvatar/BccAvatar.css */
|
|
@@ -2598,20 +2552,31 @@
|
|
|
2598
2552
|
font-kerning: normal;
|
|
2599
2553
|
}
|
|
2600
2554
|
|
|
2601
|
-
|
|
2602
|
-
|
|
2603
|
-
|
|
2555
|
+
@layer base {
|
|
2556
|
+
hr {
|
|
2557
|
+
border-color: var(--color-border-default);
|
|
2558
|
+
}
|
|
2604
2559
|
|
|
2605
|
-
b,
|
|
2606
|
-
strong,
|
|
2607
|
-
.bold {
|
|
2608
|
-
|
|
2609
|
-
|
|
2610
|
-
}
|
|
2560
|
+
b,
|
|
2561
|
+
strong,
|
|
2562
|
+
.bold {
|
|
2563
|
+
font-weight: bold;
|
|
2564
|
+
--ctx-text: var(--ctx-text-bold);
|
|
2565
|
+
}
|
|
2611
2566
|
|
|
2612
|
-
/* Disable state */
|
|
2613
|
-
:disabled,
|
|
2614
|
-
.disabled {
|
|
2615
|
-
|
|
2616
|
-
|
|
2567
|
+
/* Disable state */
|
|
2568
|
+
:disabled,
|
|
2569
|
+
.disabled {
|
|
2570
|
+
cursor: not-allowed;
|
|
2571
|
+
pointer-events: none;
|
|
2572
|
+
}
|
|
2617
2573
|
}
|
|
2574
|
+
|
|
2575
|
+
|
|
2576
|
+
/* SFC <style> blocks extracted all .vue components */
|
|
2577
|
+
@import './sfc-styles.css';
|
|
2578
|
+
|
|
2579
|
+
/* Library utility classes, compiled from the library's own components.
|
|
2580
|
+
Contains only the utility class rules used inside the library — no preflight,
|
|
2581
|
+
no @theme variables, no design tokens, since theme.css already provides those. */
|
|
2582
|
+
@import './library-utilities.css';
|