.ripcrypt .AllItemSheetV1 { --input-height: 1rem; --input-underline: none; --col-gap: 8px; --row-gap: 8px; --string-tags-tag-text: var(--header-text); --string-tags-tag-background: var(--header-background); --string-tags-add-text: white; --string-tags-add-background: var(--accent-1); --string-tags-input-text: white; --string-tags-input-background: var(--accent-2); --input-text: white; --input-background: var(--accent-2); --pill-width: 100%; --pill-border-radius: 4px; display: grid; grid-template-columns: auto 200px; column-gap: var(--col-gap); row-gap: var(--row-gap); padding: 8px; background: var(--base-background); color: var(--base-text); [data-input-type] { display: contents; } > [data-input-type="group"] { display: unset; grid-column: 1 / -1; > .content { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); column-gap: var(--col-gap); row-gap: var(--row-gap); } } hr { background: var(--accent-1); grid-column: 1 / -1; height: 1px; width: 90%; margin: 0 auto; } label, .label { display: flex; align-items: center; box-sizing: border-box; padding: 2px 4px; text-transform: uppercase; font-size: var(--font-size-14); overflow: hidden; text-overflow: ellipsis; font-weight: bold; } input, select, .value, [data-tag-count] { border-radius: 4px; padding: 2px 4px; } .value, [data-tag-count="0"] { border: 2px solid var(--accent-2); } [data-tag-count="0"] { justify-content: start; } [data-input-type="boolean"] > .checkbox-container { display: flex; justify-content: right; } }