:where([data-app-scope]) .bacopa-surface{box-sizing:border-box;min-width:0;padding:var(--bacopa-_paint-surface-inset);border:var(--bacopa-_paint-panel-border-width) solid var(--bacopa-border);border-radius:var(--bacopa-_paint-surface-radius);background:var(--bacopa-_paint-panel-background);box-shadow:var(--bacopa-shadow)}:where([data-app-scope]) .bacopa-surface[data-appearance=gradient]{background-image:radial-gradient(ellipse at 0 0,var(--bacopa-surface-glow),transparent 70%),linear-gradient(135deg,var(--bacopa-surface-highlight),transparent 60%),var(--bacopa-surface-gradient)}:where([data-app-scope]) .bacopa-surface[data-appearance=acrylic]{-webkit-backdrop-filter:blur(var(--bacopa-acrylic-blur));backdrop-filter:blur(var(--bacopa-acrylic-blur))}:where([data-app-scope]) .bacopa-surface[data-appearance=acrylic]{position:relative;isolation:isolate}:where([data-app-scope]) .bacopa-surface[data-appearance=acrylic]:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none;z-index:0}:where([data-app-scope]) .bacopa-surface[data-appearance=acrylic]>*{position:relative;z-index:1}:where([data-app-scope]) .bacopa-surface[data-recipe]{--bacopa-_paint-accent-primary:var(--bacopa-accent);--bacopa-_paint-accent-secondary:var(--bacopa-accent);--bacopa-_paint-accent-tertiary:var(--bacopa-accent);position:relative;overflow:visible;color:var(--bacopa-text);padding:var(--bacopa-_paint-panel-padding);border-radius:var(--bacopa-_paint-panel-radius);border-color:var(--bacopa-_paint-panel-border);box-shadow:var(--bacopa-_paint-panel-shadow);background-color:var(--bacopa-surface);background-image:radial-gradient(ellipse at 0 0,color-mix(in oklab,var(--bacopa-_paint-accent-primary) calc(var(--bacopa-_paint-surface-glow-primary) * 100%),transparent),transparent 70%),radial-gradient(ellipse at 100% 100%,color-mix(in oklab,var(--bacopa-_paint-accent-secondary) calc(var(--bacopa-_paint-surface-glow-secondary) * 100%),transparent),transparent 70%),linear-gradient(135deg,var(--bacopa-surface-highlight),transparent 65%);transition:border-color var(--bacopa-_paint-surface-transition) var(--bacopa-motion-ease),box-shadow var(--bacopa-_paint-surface-transition) var(--bacopa-motion-ease)}:where([data-app-scope]) .bacopa-surface[data-recipe=inset]{padding:var(--bacopa-_paint-inset-padding);border-radius:var(--bacopa-_paint-inset-radius);background-color:var(--bacopa-_paint-inset-base)}:where([data-app-scope]) .bacopa-surface[data-recipe=choice]{border-radius:var(--bacopa-_paint-choice-radius);box-shadow:var(--bacopa-_paint-choice-shadow)}:where([data-app-scope]) .bacopa-surface[data-recipe=striped]{box-shadow:var(--bacopa-_paint-stripe-shadow);background-image:linear-gradient(90deg in oklab,var(--bacopa-_paint-accent-primary),var(--bacopa-_paint-accent-secondary),var(--bacopa-_paint-accent-tertiary)),radial-gradient(ellipse at 0 0,color-mix(in oklab,var(--bacopa-_paint-accent-primary) calc(var(--bacopa-_paint-stripe-glow-primary) * 100%),transparent),transparent 70%),radial-gradient(ellipse at 50% 60%,color-mix(in oklab,var(--bacopa-_paint-accent-secondary) calc(var(--bacopa-_paint-stripe-glow-secondary) * 100%),transparent),transparent 68%),radial-gradient(ellipse at 100% 100%,color-mix(in oklab,var(--bacopa-_paint-accent-tertiary) calc(var(--bacopa-_paint-stripe-glow-tertiary) * 100%),transparent),transparent 70%);background-size:100% var(--bacopa-_paint-stripe-width),auto,auto,auto;background-position:top,50%,50%,50%;background-repeat:no-repeat}:where([data-app-scope]) .bacopa-surface[data-recipe=striped]:after{content:"";position:absolute;inset:0;padding:var(--bacopa-_paint-stripe-border);border-radius:inherit;background:linear-gradient(90deg in oklab,var(--bacopa-_paint-accent-primary),var(--bacopa-_paint-accent-secondary),var(--bacopa-_paint-accent-tertiary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:0;pointer-events:none;transition:opacity var(--bacopa-_paint-surface-transition) var(--bacopa-motion-ease)}:where([data-app-scope]) .bacopa-surface[data-recipe][aria-pressed=true]:not([data-loading=true]),:where([data-app-scope]) .bacopa-surface[data-recipe][aria-selected=true]:not([data-loading=true]),:where([data-app-scope]) .bacopa-surface[data-recipe][data-selected=true]:not([data-loading=true]){border-color:var(--bacopa-_paint-choice-selected-border);border-style:double;outline:var(--bacopa-_paint-surface-selection-width) solid var(--bacopa-_paint-choice-selected-border);outline-offset:calc(-1 * var(--bacopa-_paint-surface-selection-width))}:where([data-app-scope]) .bacopa-surface[data-recipe][data-conflict=true]:not([data-loading=true]){outline:var(--bacopa-_paint-focus-width) solid var(--bacopa-_paint-signal-ring);outline-offset:var(--bacopa-_paint-focus-offset)}:where([data-app-scope]) .bacopa-surface[data-recipe]:focus-visible{outline:var(--bacopa-_paint-focus-width) solid var(--bacopa-_paint-focus-ring);outline-offset:var(--bacopa-_paint-focus-offset)}:where([data-app-scope]) .bacopa-surface[data-recipe]:disabled,:where([data-app-scope]) .bacopa-surface[data-recipe][aria-disabled=true]{opacity:var(--bacopa-_paint-disabled-opacity)}:where([data-app-scope]) .bacopa-surface[data-recipe][data-loading=true]{background:var(--bacopa-_paint-skeleton-base);box-shadow:none}:where([data-app-scope]) .bacopa-surface[data-recipe][data-loading=true]:after{display:none}:where([data-app-scope]) .bacopa-surface[data-recipe=choice]{font:inherit;text-align:inherit}:where([data-app-scope]) .bacopa-surface[data-recipe=choice]:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):not([data-loading=true]):active{border-color:var(--bacopa-_paint-accent-primary);box-shadow:inset 0 0 0 var(--bacopa-_paint-stroke-width) var(--bacopa-_paint-accent-primary);transition:none}:where([data-app-scope]) .bacopa-surface[data-recipe=striped][data-selected=true]:not([data-loading=true]):after{opacity:var(--bacopa-_paint-stripe-mask-opacity)}@media (hover:hover) and (pointer:fine){:where([data-app-scope]) .bacopa-surface[data-recipe=choice]:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):not([data-loading=true]):hover{border-color:var(--bacopa-_paint-accent-primary);background-image:radial-gradient(ellipse at 0 0,color-mix(in oklab,var(--bacopa-_paint-accent-primary) calc(var(--bacopa-_paint-choice-hover-glow-primary) * 100%),transparent),transparent 70%),radial-gradient(ellipse at 100% 100%,color-mix(in oklab,var(--bacopa-_paint-accent-secondary) calc(var(--bacopa-_paint-choice-hover-glow-secondary) * 100%),transparent),transparent 70%)}:where([data-app-scope]) .bacopa-surface[data-recipe=striped]:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):not([data-loading=true]):hover:after{opacity:var(--bacopa-_paint-stripe-mask-opacity)}}:where([data-app-scope][data-bacopa-reduced-motion=true]) .bacopa-surface[data-recipe],:where([data-app-scope][data-bacopa-reduced-motion=true]) .bacopa-surface[data-recipe]:after{transition:none}@media (prefers-reduced-motion:reduce){:where([data-app-scope]) .bacopa-surface[data-recipe],:where([data-app-scope]) .bacopa-surface[data-recipe]:after{transition:none}}:where([data-app-scope]) .bacopa-surface:has(>.bacopa-surface__head,>.bacopa-surface__body,>.bacopa-surface__foot){display:flex;flex-direction:column;gap:var(--bacopa-_paint-surface-parts-gap);padding:0}:where([data-app-scope]) .bacopa-surface__head{padding:var(--bacopa-_paint-surface-head-inset)}:where([data-app-scope]) .bacopa-surface__body{padding:var(--bacopa-_paint-surface-body-inset)}:where([data-app-scope]) .bacopa-surface__foot{padding:var(--bacopa-_paint-surface-foot-inset)}:where([data-app-scope]) .bacopa-surface__body,:where([data-app-scope]) .bacopa-surface__foot,:where([data-app-scope]) .bacopa-surface__head{position:relative;box-sizing:border-box;min-width:0}:where([data-app-scope]) .bacopa-surface__body:has(+.bacopa-surface__foot):after,:where([data-app-scope]) .bacopa-surface__head:has(+*):after{content:"";position:absolute;left:0;right:0;bottom:calc(var(--bacopa-_paint-surface-parts-gap) / -2);height:var(--bacopa-_paint-stroke-width);background:var(--bacopa-border);pointer-events:none}:where([data-app-scope]) .bacopa-surface[data-nested=true]{border-radius:var(--bacopa-_paint-surface-nested-radius)}:where([data-app-scope]) .bacopa-surface:has(>.bacopa-surface__rule){position:relative}:where([data-app-scope]) .bacopa-surface>.bacopa-surface__rule{position:absolute;left:0;right:0;bottom:calc(var(--bacopa-_paint-layout-gap) / -2);height:var(--bacopa-_paint-stroke-width);background:var(--bacopa-border);pointer-events:none}:where([data-app-scope]) .bacopa-identity{display:flex;align-items:flex-start;gap:var(--bacopa-_paint-identity-gap);min-width:0;text-align:inherit}:where([data-app-scope]) .bacopa-identity__media{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bacopa-_paint-identity-size);height:var(--bacopa-_paint-identity-size)}:where([data-app-scope]) .bacopa-identity__content{display:grid;grid-template-rows:minmax(var(--bacopa-_paint-identity-title-line),max-content) minmax(var(--bacopa-_paint-identity-sub-line),max-content);min-width:0;flex:1 1;gap:0}:where([data-app-scope]) .bacopa-identity__title{min-width:0;font-size:var(--bacopa-_paint-identity-title-font);line-height:var(--bacopa-_paint-identity-title-line);color:var(--bacopa-text)}:where([data-app-scope]) .bacopa-identity__description{min-width:0;font-size:var(--bacopa-_paint-identity-sub-font);line-height:var(--bacopa-_paint-identity-sub-line);color:var(--bacopa-_paint-text-subtle)}:where([data-app-scope]) .bacopa-identity[data-size=small]>.bacopa-identity__media{--bacopa-_paint-identity-size:var(--bacopa-_paint-identity-small-size);width:var(--bacopa-_paint-identity-small-size);height:var(--bacopa-_paint-identity-small-size)}:where([data-app-scope]) .bacopa-identity[data-size=small]>.bacopa-identity__content{grid-template-rows:minmax(var(--bacopa-_paint-identity-small-title-line),max-content) minmax(var(--bacopa-_paint-identity-small-sub-line),max-content)}:where([data-app-scope]) .bacopa-identity[data-size=small]>.bacopa-identity__content>.bacopa-identity__title{font-size:var(--bacopa-_paint-identity-small-title-font);line-height:var(--bacopa-_paint-identity-small-title-line);font-weight:var(--bacopa-font-weight)}:where([data-app-scope]) .bacopa-identity[data-size=small]>.bacopa-identity__content>.bacopa-identity__description{line-height:var(--bacopa-_paint-identity-small-sub-line)}:where([data-app-scope]) .bacopa-identity[data-size=large]>.bacopa-identity__media{--bacopa-_paint-identity-size:var(--bacopa-_paint-identity-large-size);width:var(--bacopa-_paint-identity-large-size);height:var(--bacopa-_paint-identity-large-size)}:where([data-app-scope]) .bacopa-identity[data-size=large]>.bacopa-identity__media .bacopa-avatar{border-radius:var(--bacopa-_paint-identity-large-radius)}:where([data-app-scope]) .bacopa-identity[data-size=large]>.bacopa-identity__content{grid-template-rows:minmax(var(--bacopa-_paint-inspector-title-line),max-content) minmax(var(--bacopa-_paint-identity-large-sub-line),max-content)}:where([data-app-scope]) .bacopa-identity[data-size=large]>.bacopa-identity__content>.bacopa-identity__title{font-size:var(--bacopa-_paint-header-title-size);line-height:var(--bacopa-_paint-inspector-title-line);font-weight:var(--bacopa-_paint-header-title-weight)}:where([data-app-scope]) .bacopa-identity[data-size=large]>.bacopa-identity__content>.bacopa-identity__description{font-size:var(--bacopa-font-size);line-height:var(--bacopa-_paint-identity-large-sub-line)}:where([data-app-scope]) .bacopa-tabs{display:flex;align-items:center;min-width:0;gap:var(--bacopa-_paint-tab-gap);overflow:auto;scrollbar-width:none}:where([data-app-scope]) .bacopa-tabs::-webkit-scrollbar{display:none}:where([data-app-scope]) .bacopa-tabs[data-indicators=corner]{padding:calc(var(--bacopa-_paint-indicator-overhang) + var(--bacopa-_paint-indicator-ring));margin:calc(-1 * (var(--bacopa-_paint-indicator-overhang) + var(--bacopa-_paint-indicator-ring)));scroll-padding:calc(var(--bacopa-_paint-indicator-overhang) + var(--bacopa-_paint-indicator-ring))}:where([data-app-scope]) .bacopa-tabs__tab{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:0;gap:var(--bacopa-_paint-tab-gap);padding:var(--bacopa-_paint-tab-inset);border:0;border-radius:var(--bacopa-_paint-tab-radius);background:var(--bacopa-_paint-clear);color:var(--bacopa-text-muted);font:inherit;font-weight:var(--bacopa-_paint-tab-font-weight);line-height:var(--bacopa-_paint-tab-line);cursor:pointer}:where([data-app-scope]) .bacopa-tabs__tab[aria-selected=true]{--bacopa-_paint-count-fill:color-mix(in srgb,var(--bacopa-_paint-tab-selected-text) 18%,transparent);--bacopa-_paint-count-text:var(--bacopa-_paint-tab-selected-text);background:var(--bacopa-_paint-tab-selected-fill);color:var(--bacopa-_paint-tab-selected-text)}:where([data-app-scope]) .bacopa-tabs__tab:disabled{opacity:var(--bacopa-_paint-disabled-opacity);cursor:default}:where([data-app-scope]) .bacopa-tabs__panel{min-width:0}@media (hover:hover) and (pointer:fine){:where([data-app-scope]) .bacopa-tabs__tab[aria-selected=false]:hover:enabled{background:var(--bacopa-_paint-tab-fill);color:var(--bacopa-_paint-tab-hover-text)}}