.history-graph{--highlight-color:var(--base-color);height:100%;overflow:auto}.history-graph .periods-container{padding-top:var(--p-10);padding-bottom:var(--p-10);min-height:100%;position:relative}.history-graph .periods-container .periods-action{justify-content:flex-end;width:100%;padding:0 15px 10px;display:flex}.history-graph .periods-container .vert-line{background-color:var(--background-color-accent);z-index:0;width:1px;height:100%;position:absolute;top:0;left:20px}.history-graph .periods-container .history-graph-entry{margin-left:var(--m-10);padding-bottom:var(--p-15)}.history-graph .periods-container .history-graph-entry .head-line{border-bottom:solid 1px var(--background-color-accent);padding-left:var(--p-10);padding-right:var(--p-10);color:var(--text-color-primary);align-items:center;display:flex;position:relative}.history-graph .periods-container .history-graph-entry .head-line .current-period,.history-graph .periods-container .history-graph-entry .head-line .future-period{color:var(--text-color-secondary);padding-right:var(--p-3);font-weight:600;font-size:var(--font-size-sm);letter-spacing:1px;text-transform:uppercase}.history-graph .periods-container .history-graph-entry .head-line .head-content{padding-left:var(--p-5);color:var(--text-color-primary);font-size:var(--font-size-base)}.history-graph .periods-container .history-graph-entry .head-line .circle{border-radius:var(--border-radius-rounded);background-color:var(--background-color-contrast);border:1px solid var(--background-color-accent);z-index:1;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:10px;left:-10px}.history-graph .periods-container .history-graph-entry .head-line .circle .current-circle{border-radius:var(--border-radius-rounded);background-color:var(--highlight-color);width:14px;height:14px}.history-graph .periods-container .history-graph-entry .head-line .circle .past-circle{border-radius:var(--border-radius-rounded);background-color:var(--background-color-accent);width:14px;height:14px}.history-graph .periods-container .history-graph-entry.current .head-line{border-color:var(--highlight-color);border-width:1px}.history-graph .periods-container .history-graph-entry .period-content{padding-top:var(--p-5);padding-left:var(--p-10)}.dark-theme .history-graph{--highlight-color:var(--button-color-outline)}.cb-rental-agreement-periods{height:calc(100% - 20px)}.cb-rental-agreement-periods.error-page{padding:var(--p-10);text-align:center;color:var(--color-negative);justify-content:center;align-items:center;display:flex}.cb-rental-agreement-periods .cb-rental-agreement-period .__h4{padding-bottom:var(--p-3)}.cb-rental-agreement-periods .cb-rental-agreement-period .entry-list{padding-bottom:var(--p-5);flex-wrap:wrap;gap:10px 20px;display:flex}.cb-rental-agreement-periods .cb-rental-agreement-period .entry-list .entry .label{font-size:var(--font-size-sm);color:var(--text-color-secondary)}.cb-rental-agreement-periods .cb-rental-agreement-period .entry-list .entry .value{font-size:var(--font-size-md)}.cb-rental-agreement-periods .cb-rental-agreement-period .entry-list .entry .value .plan{font-size:var(--font-size-sm);color:var(--text-color-secondary)}