:root { --cell-font-size: var(--font-size-md); --cell-large-font-size: var(--font-size-lg); --cell-desc-font-size: var(--font-size-sm); --cell-desc-large-font-size: var(--font-size-md); --cell-desc-color: var(--color-desc); --cell-extral-color: var(--color-desc); --cell-padding: 10px 16px; --cell-min-height: 40px; --cell-font-height: 24px; --cell-border-color: var(--color-border); --cell-border-left: 12px; --cell-border-right: 12px; --cell-icon-right: 8px; --cell-extra-left: 8px;}.ppsv-cell { align-items: center; display: flex; min-height: var(--cell-min-height); outline: none; padding: var(--cell-padding); position: relative; box-sizing: border-box; font-size: var(--cell-font-size); line-height: var(--cell-font-height);}.ppsv-cell--border::after { position: absolute; box-sizing: border-box; content: ' '; pointer-events: none; right: var(--cell-border-right); bottom: 0; left: var(--cell-border-left); border-bottom: 1px solid var(--cell-border-color); transform: scaleY(0.5);}.ppsv-cell--border:last-child::after { border-bottom: none;}.ppsv-cell__icon { margin-right: var(--cell-icon-right); flex: 0; height: var(--cell-font-height); line-height: var(--cell-font-height); align-self: flex-start;}.ppsv-cell__icon .ppsv-icon { height: var(--cell-font-height); line-height: var(--cell-font-height);}.ppsv-cell__content { flex: 1; overflow: hidden;}.ppsv-cell__title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.ppsv-cell__desc { font-size: var(--cell-desc-font-size); color: var(--cell-desc-color);}.ppsv-cell__extra { flex-shrink: 0; color: var(--cell-extral-color); margin-left: var(--cell-extra-left);}.ppsv-cell__right-icon .ppsv-icon-chevron-right { height: var(--cell-font-height); line-height: var(--cell-font-height); color: var(--cell-extral-color);}.ppsv-cell--large .ppsv-cell__title { font-size: var(--cell-large-font-size);}.ppsv-cell--large .ppsv-cell__desc { font-size: var(--cell-desc-large-font-size);}