.vvTc{display:flex}html:not([dir=rtl]) .vvTc{padding:0 8px 0 2px}html[dir=rtl] .vvTc{padding:0 2px 0 8px}.vvTc-item{display:flex;align-items:center;z-index:1;position:relative;line-height:16px;background:var(--color-background-alt-base);color:var(--color-background-alt-base-content);border:var(--size-border-width-100) solid var(--color-border-default);border-radius:2px;max-width:100%;transition:border-color var(--transition-duration-short) var(--transition-timing-function-base);overflow:hidden}html:not([dir=rtl]) .vvTc-item{text-align:left;padding:4px 2px 4px 4px;margin-left:3px}html[dir=rtl] .vvTc-item{text-align:right;padding:4px 4px 4px 2px;margin-right:3px}html:not([dir=rtl]) .vvTc-item:first-child{margin-left:0}html[dir=rtl] .vvTc-item:first-child{margin-right:0}.vvTc-item.vvTc-mod-add-button{padding:5px;flex:0 0 auto}.vvTc-item.vvTc-mod-state-selected,.vvTc-item:hover{border-color:var(--color-border-hover)}.vvTc-item.vvTc-mod-hidden{display:none}.vvTc-item-value{white-space:nowrap;text-align:center;min-width:34px;padding:0 2px}.vvTc.vvTc-mod-ellipsis{overflow:visible;min-width:0}.vvTc.vvTc-mod-ellipsis .vvTc-item-value{min-width:0;text-overflow:ellipsis;overflow:hidden}.vvTc-spacer{width:16px}.vvTc-accessible-wrapper{position:absolute;width:24px;height:24px;display:flex;top:0;align-items:center;justify-content:center}html:not([dir=rtl]) .vvTc-accessible-wrapper{left:100%;margin-left:-24px}html[dir=rtl] .vvTc-accessible-wrapper{right:100%;margin-right:-24px}.vvTc-accessible-wrapper:focus .vvTc-item-button{border-color:var(--color-border-focus);border-width:var(--size-border-width-200);padding:2px}.vvTc-item-button{cursor:pointer;display:flex;align-items:center;border:var(--size-border-width-100) solid var(--color-border-default);border-radius:var(--size-border-radius-small);color:var(--color-background-alt-base-content);fill:var(--color-background-alt-base-content)}.vvTc-item-icon{width:10px;height:10px}html:not([dir=rtl]) .vvTc-item-icon-wrapper{padding-right:2px;padding-left:4px}html[dir=rtl] .vvTc-item-icon-wrapper{padding-left:2px;padding-right:4px}.vvTc.vvTc-mod-theme-solid{min-width:65px}html:not([dir=rtl]) .vvTc.vvTc-mod-theme-solid{padding:0 8px 0 0}html[dir=rtl] .vvTc.vvTc-mod-theme-solid{padding:0 0 0 8px}.vvTc.vvTc-mod-theme-solid .vvTc-item{background:var(--color-background-base-default);color:var(--color-background-base-content);border-radius:var(--size-border-radius-small);line-height:20px;padding:0}html:not([dir=rtl]) .vvTc.vvTc-mod-theme-solid .vvTc-item .vvTc-item-value{padding:4px 0 4px 8px}html[dir=rtl] .vvTc.vvTc-mod-theme-solid .vvTc-item .vvTc-item-value{padding:4px 8px 4px 0}html:not([dir=rtl]) .vvTc.vvTc-mod-theme-solid .vvTc-item .vvTc-item-icon-wrapper{padding-left:4px;padding-right:0}html[dir=rtl] .vvTc.vvTc-mod-theme-solid .vvTc-item .vvTc-item-icon-wrapper{padding-right:4px;padding-left:0}.vvTc.vvTc-mod-theme-solid .vvTc-item .vvTc-item-button{justify-content:center;border:none;height:28px;width:24px}.vvTc.vvTc-mod-theme-solid .vvTc-item .vvTc-item-button:hover,.vvTc.vvTc-mod-theme-solid .vvTc-item .vvTc-item-button:active,.vvTc.vvTc-mod-theme-solid .vvTc-item .vvTc-item-button:focus{background:var(--color-background-base-default);border:var(--size-border-width-100) solid var(--color-border-hover);border-radius:var(--size-border-radius-small)}html:not([dir=rtl]) .vvTc.vvTc-mod-theme-solid .vvTc-item:first-child{margin-left:0}html[dir=rtl] .vvTc.vvTc-mod-theme-solid .vvTc-item:first-child{margin-right:0}.vvTc.vvTc-mod-variant-single-brick-space{padding:0}html:not([dir=rtl]) .vvTc.vvTc-mod-variant-single-brick-space .vvTc-item{margin-left:0}html[dir=rtl] .vvTc.vvTc-mod-variant-single-brick-space .vvTc-item{margin-right:0}.vvTc.vvTc-mod-variant-single-brick-space .vvTc-item-value{letter-spacing:normal}.vvTc.vvTc-mod-direction-default{flex-direction:row;align-items:center}.vvTc.vvTc-mod-direction-column{flex-direction:column;align-items:start}html:not([dir=rtl]) .vvTc.vvTc-mod-direction-column .vvTc-item{margin:0 0 2px -2px}html[dir=rtl] .vvTc.vvTc-mod-direction-column .vvTc-item{margin:0 -2px 2px 0}.vvTc.vvTc-mod-direction-row-wrap{flex-direction:row;flex-wrap:wrap;align-items:center}html:not([dir=rtl]) .vvTc.vvTc-mod-direction-row-wrap{padding:0 0 0 2px}html[dir=rtl] .vvTc.vvTc-mod-direction-row-wrap{padding:0 2px 0 0}html:not([dir=rtl]) .vvTc.vvTc-mod-direction-row-wrap .vvTc-item{margin:0 0 2px 2px}html[dir=rtl] .vvTc.vvTc-mod-direction-row-wrap .vvTc-item{margin:0 2px 2px 0}.vvTc-add-icon{width:14px;height:14px}