Something went wrong. Try again.
Tea journaling on ATProto (alpha)
Something went wrong. Try again.
CSS
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141/* Combo select dropdown */.combo-select { position: relative;}
.combo-dropdown { position: absolute; z-index: 50; width: 100%; margin-top: 0.25rem; border-radius: 0.5rem; overflow: hidden; background: var(--card-bg); border: 1px solid var(--input-border); box-shadow: var(--shadow-lg); max-height: 280px; overflow-y: auto;}
.combo-section-label { font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.375rem; padding-bottom: 0.375rem; color: var(--text-muted); background: var(--surface-bg);}
.combo-item { padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; cursor: pointer; font-size: 0.875rem; line-height: 1.25rem; color: var(--text-primary);}
.combo-item:hover,.combo-item[data-highlighted="true"] { background: var(--surface-bg);}
.combo-item-create { padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; cursor: pointer; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; color: var(--accent-primary); border-top: 1px solid var(--surface-border);}
.combo-item-create:hover,.combo-item-create[data-highlighted="true"] { background: var(--surface-bg);}
.combo-item-sub { font-size: 0.75rem; line-height: 1rem; color: var(--text-muted);}
.combo-creating { padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; text-align: center; color: var(--text-muted);}
.form-select { border-radius: 0.5rem; font-size: 1rem; line-height: 1.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; min-width: 0; background: var(--input-bg); border: 1px solid var(--input-border); color: var(--text-primary); transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;}
.form-select:focus { border-color: var(--input-border-focus); box-shadow: 0 0 0 2px var(--input-ring-focus); background: var(--input-bg-focus); outline: none;}
.form-textarea { border-radius: 0.5rem; font-size: 1rem; line-height: 1.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; background: var(--input-bg); border: 1px solid var(--input-border); color: var(--text-primary); transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;}
.form-textarea:focus { border-color: var(--input-border-focus); box-shadow: 0 0 0 2px var(--input-ring-focus); background: var(--input-bg-focus); outline: none;}
.form-textarea::placeholder { color: var(--text-placeholder);}