:root{--tm-optional-picker-type-border-color:var(--tm-gray-3);--tm-optional-picker-type-active-color:var(--tm-white);--tm-optional-picker-type-active-background:var(--main-color)}.tm-optional-picker{display:flex;flex-wrap:nowrap}.tm-optional-picker-types{display:flex;padding:10px 0;margin-right:6px;border:1px solid var(--tm-optional-picker-type-border-color);border-radius:4px;cursor:pointer}.tm-optional-picker-types .type-item{position:relative;width:45px;line-height:16px;flex-grow:1;text-align:center}.tm-optional-picker-types .type-item:not(:last-child){border-right:1px solid var(--tm-optional-picker-type-border-color)}.tm-optional-picker-types .type-item__active{position:absolute;top:-11px;left:-1px;width:47px;height:40px;line-height:40px;text-align:center;color:var(--tm-optional-picker-type-active-color);background:var(--tm-optional-picker-type-active-background)}.tm-optional-picker-types .type-item__active-first{border-radius:4px 0 0 4px}.tm-optional-picker-types .type-item__active-last{border-radius:0 4px 4px 0}.tm-optional-picker-range{z-index:1}.tm-optional-picker-range .week-range{display:flex;align-items:center}.tm-optional-picker-range .week-range .el-date-editor{width:170px}.tm-optional-picker-range .week-range .el-date-editor:first-child{margin-right:5px}.tm-optional-picker-range .week-range .el-date-editor:last-child{margin-left:5px}