:root{--jawab-surface-warm:var(--palette-cream);--jawab-tone-success-bg:var(--dx-accent-100);--jawab-tone-success-fg:oklch(from var(--palette-aqua) 0.36 calc(c * 0.8) h);--jawab-tone-danger-bg:var(--dx-danger-100);--jawab-tone-danger-fg:var(--dx-danger-strong);--jawab-tone-warning-bg:oklch(from var(--palette-yellow) 0.95 calc(c * 0.6) h);--jawab-tone-warning-fg:oklch(from var(--palette-yellow) 0.4 calc(c * 0.9) h);--jawab-tone-info-bg:var(--dx-accent-50);--jawab-tone-info-fg:var(--dx-accent-strong);--jawab-tone-neutral-bg:var(--ui-surface-raised);--jawab-tone-neutral-fg:var(--dx-ink-2)}.jawab-status-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem .5rem;border-radius:999px;font-size:.8125rem;font-weight:500;line-height:1.4;max-inline-size:100%;overflow-wrap:anywhere}.jawab-status-tag__marker{inline-size:.5rem;block-size:.5rem;flex:none;background:currentColor}.jawab-status-tag--success{background:var(--jawab-tone-success-bg);color:var(--jawab-tone-success-fg)}.jawab-status-tag--success .jawab-status-tag__marker{border-radius:999px}.jawab-status-tag--danger{background:var(--jawab-tone-danger-bg);color:var(--jawab-tone-danger-fg)}.jawab-status-tag--danger .jawab-status-tag__marker{transform:rotate(45deg)}.jawab-status-tag--warning{background:var(--jawab-tone-warning-bg);color:var(--jawab-tone-warning-fg)}.jawab-status-tag--warning .jawab-status-tag__marker{clip-path:polygon(50% 0,100% 100%,0 100%)}.jawab-status-tag--info{background:var(--jawab-tone-info-bg);color:var(--jawab-tone-info-fg)}.jawab-status-tag--info .jawab-status-tag__marker{border-radius:2px}.jawab-status-tag--neutral{background:var(--jawab-tone-neutral-bg);color:var(--jawab-tone-neutral-fg)}.jawab-status-tag--neutral .jawab-status-tag__marker{inline-size:.625rem;block-size:2px}.jawab-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.jawab-button--sm.dx-button{min-block-size:2.25rem}.jawab-button--sm.dx-button .dx-button-content{padding-block:.25rem;padding-inline:.75rem;font-size:.8125rem}.jawab-button--wrap.dx-button{block-size:auto;max-inline-size:100%}.jawab-button--wrap.dx-button .dx-button-content,.jawab-button--wrap.dx-button .dx-button-text{white-space:normal;text-align:start;line-height:1.35}.jawab-button__icon{display:inline-flex;inline-size:1.125rem;block-size:1.125rem}.jawab-button__icon>svg{inline-size:100%;block-size:100%}.jawab-dx-pending{display:block;inline-size:100%;min-block-size:2.25rem;border-radius:.375rem;background:var(--ui-surface-raised)}.jawab-dx-pending--button{display:inline-flex;align-items:center;justify-content:center;inline-size:auto;padding-inline:1rem;font-size:.875rem;font-weight:500;color:transparent;user-select:none}.jawab-dx-pending--button.w-full{display:flex;inline-size:100%}.jawab-dx-pending--inline{display:inline-block;inline-size:auto;min-block-size:1.5rem;padding-inline-start:1.75rem;color:transparent;background:none}.jawab-dx-pending--switch{inline-size:2.75rem;min-block-size:1.5rem;border-radius:999px}.jawab-dx-pending--block{min-block-size:12rem}.jawab-textbox--code .dx-texteditor-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.5rem;letter-spacing:.4em;text-align:center}