.razom.monvelUi.tab{position:relative}.razom.monvelUi.tab .controlsContainer{scrollbar-width:none}.razom.monvelUi.tab .controlsContainer::-webkit-scrollbar{width:0;height:0;opacity:0;display:none}.razom.monvelUi.tab .controlsContainer{display:inline-flex;overflow-x:auto}.razom.monvelUi.tab .controlsContainer.center{justify-content:center}.razom.monvelUi.tab .controlsContainer .overflowWrapper{min-width:0;display:table}.razom.monvelUi.tab .controlsContainer.stretch{display:flex}.razom.monvelUi.tab .controlsContainer.stretch .overflowWrapper{flex:1 1;display:flex}.razom.monvelUi.tab .controlsContainer .controls{font-family:TT Norms Pro,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}@supports(font-variation-settings:normal){.razom.monvelUi.tab .controlsContainer .controls{font-family:TT Norms Pro VF,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}}.razom.monvelUi.tab .controlsContainer .controls{font-style:normal;font-weight:600;font-variation-settings:"wght" 520,"slnt" 0;font-size:16px;line-height:24px;letter-spacing:0;display:inline-flex}.razom.monvelUi.tab .controlsContainer .controls.segmented-button{background-color:#f1f5f9;padding:4px}.razom.monvelUi.tab .controlsContainer .controls.segmented-button.large{border-radius:12px}.razom.monvelUi.tab .controlsContainer .controls.segmented-button.medium{border-radius:8px}.razom.monvelUi.tab .controlsContainer .controls.segmented-button.stretch{display:flex;gap:4px;flex:1 1}.razom.monvelUi.tab .controlsContainer .controls.alt,.razom.monvelUi.tab .controlsContainer .controls.alt-rounded{padding:2px}.razom.monvelUi.tab .control{position:relative;display:inline-flex;align-items:center;max-width:100%;outline:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:color .15s ease-in-out,border .15s ease-in-out,background-color .15s ease-in-out}.razom.monvelUi.tab .control.stroke{color:#64696e;border-bottom:2px solid #e6ebf0}.razom.monvelUi.tab .control.stroke.large{padding-top:16px;padding-bottom:14px}.razom.monvelUi.tab .control.stroke.large.text-left{padding-right:24px;padding-left:0}.razom.monvelUi.tab .control.stroke.large.text-center{padding-right:16px;padding-left:16px}.razom.monvelUi.tab .control.stroke.medium{padding-top:8px;padding-bottom:6px}.razom.monvelUi.tab .control.stroke.medium.text-left{padding-right:24px;padding-left:0}.razom.monvelUi.tab .control.stroke.medium.text-center{padding-right:16px;padding-left:16px}.razom.monvelUi.tab .control.stroke .rightContentContainer.spaceLeft{margin-left:8px}@media(hover:hover){.razom.monvelUi.tab .control.stroke:hover{color:#14191e;border-color:#c8cdd2}}@media(hover:none){.razom.monvelUi.tab .control.stroke:active{color:#14191e;border-color:#c8cdd2}}.razom.monvelUi.tab .control.stroke:active,.razom.monvelUi.tab .control.stroke:focus{color:#64696e;border-color:#8c9196}.razom.monvelUi.tab .control.stroke.active{color:#14191e;border-color:#14191e}.razom.monvelUi.tab .control.stroke.disabled{color:#c8cdd2;border-color:#e6ebf0}.razom.monvelUi.tab .control.segmented-button{color:#64696e;background-color:#f1f5f9;transition-timing-function:ease-out}.razom.monvelUi.tab .control.segmented-button:not(:last-child){margin-right:4px}.razom.monvelUi.tab .control.segmented-button.large{border-radius:8px;padding:12px}.razom.monvelUi.tab .control.segmented-button.large .title{padding:0 8px}.razom.monvelUi.tab .control.segmented-button.medium{border-radius:6px;padding:4px}.razom.monvelUi.tab .control.segmented-button.medium .title{padding:0 4px}.razom.monvelUi.tab .control.segmented-button.stretch{display:flex;justify-content:center;flex:1 1}.razom.monvelUi.tab .control.segmented-button.stretch:not(:last-child){margin-right:0}.razom.monvelUi.tab .control.segmented-button .leftIconContainer.spaceRight{margin-right:4px}.razom.monvelUi.tab .control.segmented-button .rightContentContainer.spaceLeft{margin-left:4px}@media(hover:hover){.razom.monvelUi.tab .control.segmented-button:hover{color:#14191e;background-color:#e6ebf0}}@media(hover:none){.razom.monvelUi.tab .control.segmented-button:active{color:#14191e;background-color:#e6ebf0}}.razom.monvelUi.tab .control.segmented-button:active,.razom.monvelUi.tab .control.segmented-button:focus{background-color:#c8cdd2}.razom.monvelUi.tab .control.segmented-button.active{color:#fff;background-color:#14191e}.razom.monvelUi.tab .control.segmented-button.disabled{color:#c8cdd2;background-color:#f1f5f9}.razom.monvelUi.tab .control.alt,.razom.monvelUi.tab .control.alt-rounded{color:#14191e}.razom.monvelUi.tab .control.alt-rounded:before,.razom.monvelUi.tab .control.alt:before{content:"";position:absolute;top:50%;left:50%;width:calc(100% - 2px);height:calc(100% - 2px);background-color:#fff;border:1px solid #e6ebf0;transform:translate(-50%,-50%);transition:padding .15s ease-out,background-color .15s ease-in-out}.razom.monvelUi.tab .control.alt-rounded.large,.razom.monvelUi.tab .control.alt.large{padding:16px}.razom.monvelUi.tab .control.alt-rounded.large:not(:last-child),.razom.monvelUi.tab .control.alt.large:not(:last-child){margin-right:8px}.razom.monvelUi.tab .control.alt-rounded.medium,.razom.monvelUi.tab .control.alt.medium{padding:8px}.razom.monvelUi.tab .control.alt-rounded.medium:not(:last-child),.razom.monvelUi.tab .control.alt.medium:not(:last-child){margin-right:4px}@media(hover:hover){.razom.monvelUi.tab .control.alt-rounded:hover:before,.razom.monvelUi.tab .control.alt:hover:before{padding:1px;border-color:#14191e}}@media(hover:none){.razom.monvelUi.tab .control.alt-rounded:active:before,.razom.monvelUi.tab .control.alt:active:before{padding:1px;border-color:#14191e}}.razom.monvelUi.tab .control.alt-rounded:active:before,.razom.monvelUi.tab .control.alt-rounded:focus:before,.razom.monvelUi.tab .control.alt:active:before,.razom.monvelUi.tab .control.alt:focus:before{padding:0;background-color:#f1f5f9}.razom.monvelUi.tab .control.alt-rounded.active,.razom.monvelUi.tab .control.alt.active{color:#fff}.razom.monvelUi.tab .control.alt-rounded.active:before,.razom.monvelUi.tab .control.alt.active:before{background-color:#14191e;border-color:#14191e}@media(hover:hover){.razom.monvelUi.tab .control.alt-rounded.active:hover:before,.razom.monvelUi.tab .control.alt.active:hover:before{padding:0}}@media(hover:none){.razom.monvelUi.tab .control.alt-rounded.active:active:before,.razom.monvelUi.tab .control.alt.active:active:before{padding:0}}.razom.monvelUi.tab .control.alt-rounded.disabled,.razom.monvelUi.tab .control.alt.disabled{color:#f1f5f9}.razom.monvelUi.tab .control.alt-rounded.disabled:before,.razom.monvelUi.tab .control.alt.disabled:before{background-color:#c8cdd2;border-color:#c8cdd2}.razom.monvelUi.tab .control.alt .title,.razom.monvelUi.tab .control.alt-rounded .title{padding:0 8px}.razom.monvelUi.tab .control.alt.large:before{border-radius:12px}.razom.monvelUi.tab .control.alt.medium:before{border-radius:8px}.razom.monvelUi.tab .control.alt-rounded:before{border-radius:32px}.razom.monvelUi.tab .control.disabled{pointer-events:none}.razom.monvelUi.tab .control .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2}.razom.monvelUi.tab .control .leftIconContainer{z-index:2}.razom.monvelUi.tab .control .rightContentContainer{display:flex;z-index:2}.razom.monvelUi.tab.vertical.stroke{display:flex}.razom.monvelUi.tab.vertical.stroke .controlsContainer{flex-basis:165px;max-width:165px}.razom.monvelUi.tab.vertical.stroke .controlsContainer .controls{display:flex;flex-direction:column;width:100%;max-width:100%}.razom.monvelUi.tab.vertical.stroke .controlsContainer .controls .control{border-bottom:0;border-left:2px solid #e6ebf0}.razom.monvelUi.tab.vertical.stroke .controlsContainer .controls .control.text-left{padding-right:16px;padding-left:16px}@media(hover:hover){.razom.monvelUi.tab.vertical.stroke .controlsContainer .controls .control:hover{border-color:#c8cdd2}}@media(hover:none){.razom.monvelUi.tab.vertical.stroke .controlsContainer .controls .control:active{border-color:#c8cdd2}}.razom.monvelUi.tab.vertical.stroke .controlsContainer .controls .control:active,.razom.monvelUi.tab.vertical.stroke .controlsContainer .controls .control:focus{border-color:#8c9196}.razom.monvelUi.tab.vertical.stroke .controlsContainer .controls .control.active{border-color:#14191e}.razom.monvelUi.tab.vertical.stroke .controlsContainer .controls .control.disabled{border-color:#e6ebf0}.razom.monvelUi.tab>.content{display:none}.razom.monvelUi.tab>.content.active{display:block;width:100%}