@layer bb.tokens,bb.base;@layer bb.elements{.bb-field{gap:var(--field-gap,6px);margin-bottom:var(--field-mb,14px);flex-direction:column;display:flex}.bb-field__label{font-family:var(--bb-font-body);color:var(--bb-muted);font-size:12.5px}.bb-field__tag{margin-left:4px}.bb-field__hint{font-family:var(--bb-font-body);color:var(--bb-muted);font-size:11.5px;display:block}.bb-field__error{font-family:var(--bb-font-body);color:var(--bb-status-danger);margin-top:4px;font-size:11.5px;display:block}.bb-input{background:rgba(var(--bb-shadow-rgb), .35);border:1px solid var(--bb-border);border-radius:var(--bb-radius-sm);width:var(--input-w,240px);font-size:var(--input-fs,13.5px);color:var(--bb-muted);transition:border-color var(--bb-dur-base) var(--bb-ease-out-expo), box-shadow var(--bb-dur-base) var(--bb-ease-out-expo);align-items:center;gap:9px;padding:10px 14px;display:flex}.bb-input:focus-within:not(:where([data-invalid])){border-color:var(--bb-border-strong);box-shadow:0 0 0 3px rgba(var(--bb-tan-rgb), .1)}.bb-input :where(svg){stroke:currentColor;fill:none;stroke-width:1.7px;width:15px;height:15px}.bb-input input{color:var(--bb-white);font-family:var(--bb-font-body);font-size:var(--input-fs,13.5px);background:0 0;border:0;outline:0;width:100%}.bb-input input::placeholder{color:var(--bb-muted)}.bb-input--fill{box-sizing:border-box;flex:1;width:100%;min-width:0}.bb-field .bb-input{box-sizing:border-box;width:100%}@media (pointer:coarse){.bb-input{min-height:44px;font-size:16px}.bb-input input{font-size:16px}}.bb-input--select{padding-right:10px;position:relative}.bb-input select{-webkit-appearance:none;appearance:none;color:var(--bb-white);font-family:var(--bb-font-body);cursor:pointer;background:0 0;border:0;outline:0;width:100%;padding-right:18px;font-size:13.5px}.bb-input select option{background:var(--bb-card-bg);color:var(--bb-white)}.bb-input__chevron{stroke:currentColor;fill:none;stroke-width:1.7px;pointer-events:none;width:15px;height:15px;position:absolute;top:50%;right:12px;translate:0 -50%}.bb-input.bb-input--area{align-items:stretch;padding:10px 12px}.bb-input textarea{color:var(--bb-white);font-family:var(--bb-font-body);resize:vertical;background:0 0;border:0;outline:0;width:100%;min-height:4.65em;font-size:13.5px;line-height:1.55}.bb-input textarea::placeholder,.bb-input select:invalid{color:var(--bb-muted)}.bb-input.bb-input--mono :is(input,textarea){font-family:var(--bb-font-mono);font-size:13px}.bb-input--end input{text-align:end;font-variant-numeric:tabular-nums}.bb-input[data-invalid]{border-color:rgba(var(--bb-status-danger-rgb), .55)}.bb-input[data-invalid]:focus-within{box-shadow:0 0 0 3px rgba(var(--bb-status-danger-rgb), .12)}.bb-input:has(:disabled){opacity:.55;cursor:not-allowed}.bb-input :is(input,select,textarea):disabled{cursor:not-allowed}.bb-input:has(>input[readonly]){background:rgba(var(--bb-white-pure-rgb), .02)}.bb-input.bb-input--color{width:fit-content;padding:3px}.bb-input.bb-input--color input{cursor:pointer;flex:1 0 36px;width:36px;height:29px;padding:0}.bb-check{flex:var(--bb-check-flex,0 1 auto);align-items:var(--bb-check-align,flex-start);cursor:pointer;font-family:var(--bb-font-body);color:var(--bb-white);gap:9px;font-size:13.5px;line-height:1.45;display:inline-flex}.bb-check__label{min-width:var(--bb-check-label-min-width,auto)}.bb-check__input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-check__box{border:1px solid var(--bb-border-strong);border-radius:var(--bb-radius-xs);background:rgba(var(--bb-shadow-rgb), .35);width:16px;height:16px;transition:background-color var(--bb-dur-base) var(--bb-ease-out-expo), border-color var(--bb-dur-base) var(--bb-ease-out-expo);flex:none;margin-top:2px;position:relative}.bb-check__box:after{content:"";background:var(--bb-black);clip-path:polygon(14% 46%,0 60%,39% 100%,100% 22%,86% 8%,39% 72%);transition:scale var(--bb-dur-base) var(--bb-ease-out-back);position:absolute;inset:3px;scale:0}.bb-check__input:checked+.bb-check__box{background:var(--bb-green-glow);border-color:var(--bb-green-glow)}.bb-check__input:checked+.bb-check__box:after{scale:1}.bb-check__input:focus-visible+.bb-check__box{outline:2px solid var(--bb-focus);outline-offset:2px}.bb-check__input:disabled+.bb-check__box{opacity:.55}.bb-check:has(:disabled){cursor:not-allowed;opacity:.55}@media (pointer:coarse){.bb-input select,.bb-input textarea,.bb-input.bb-input--mono :is(input,textarea),.bb-check{font-size:16px}}@media (prefers-reduced-motion:reduce){.bb-check__box,.bb-check__box:after{transition:none}}}@layer bb.app;
