:root{--page-width: 90%;--theme-color: #0071BD;--auxiliary-color: #80A73A}.el-segmented{--el-segmented-color: var(--el-text-color-regular);--el-segmented-bg-color: var(--el-fill-color-light);--el-segmented-padding: 2px;--el-segmented-item-selected-color: var(--el-color-white);--el-segmented-item-selected-bg-color: var(--el-color-primary);--el-segmented-item-selected-disabled-bg-color: var(--el-color-primary-light-5);--el-segmented-item-hover-color: var(--el-text-color-primary);--el-segmented-item-hover-bg-color: var(--el-fill-color-dark);--el-segmented-item-active-bg-color: var(--el-fill-color-darker);--el-segmented-item-disabled-color: var(--el-text-color-placeholder)}.el-segmented{display:inline-flex;align-items:stretch;min-height:32px;background:var(--el-segmented-bg-color);padding:var(--el-segmented-padding);border-radius:var(--el-border-radius-base);font-size:14px;color:var(--el-segmented-color);box-sizing:border-box}.el-segmented__group{display:flex;align-items:stretch;position:relative;width:100%}.el-segmented__item-selected{position:absolute;top:0;left:0;background:var(--el-segmented-item-selected-bg-color);height:100%;width:10px;border-radius:calc(var(--el-border-radius-base) - 2px);transition:all .3s;pointer-events:none}.el-segmented__item-selected.is-disabled{background:var(--el-segmented-item-selected-disabled-bg-color)}.el-segmented__item-selected.is-focus-visible:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:inherit;outline:2px solid var(--el-segmented-item-selected-bg-color);outline-offset:1px}.el-segmented__item{display:flex;align-items:center;flex:1;cursor:pointer;border-radius:calc(var(--el-border-radius-base) - 2px);padding:0 11px}.el-segmented__item:not(.is-disabled):not(.is-selected):hover{color:var(--el-segmented-item-hover-color);background:var(--el-segmented-item-hover-bg-color)}.el-segmented__item:not(.is-disabled):not(.is-selected):active{background:var(--el-segmented-item-active-bg-color)}.el-segmented__item.is-selected,.el-segmented__item.is-selected.is-disabled{color:var(--el-segmented-item-selected-color)}.el-segmented__item.is-disabled{cursor:not-allowed;color:var(--el-segmented-item-disabled-color)}.el-segmented__item-input{position:absolute;margin:0;width:0;height:0;opacity:0;pointer-events:none}.el-segmented__item-label{flex:1;text-align:center;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s;z-index:1}.el-segmented.is-block{display:flex}.el-segmented.is-block .el-segmented__item{min-width:0}.el-segmented--large{min-height:40px;border-radius:var(--el-border-radius-base);font-size:16px}.el-segmented--large .el-segmented__item-selected{border-radius:calc(var(--el-border-radius-base) - 2px)}.el-segmented--large .el-segmented__item{border-radius:calc(var(--el-border-radius-base) - 2px);padding:0 11px}.el-segmented--small{min-height:24px;border-radius:calc(var(--el-border-radius-base) - 1px);font-size:14px}.el-segmented--small .el-segmented__item-selected{border-radius:calc(calc(var(--el-border-radius-base) - 1px) - 2px)}.el-segmented--small .el-segmented__item{border-radius:calc(calc(var(--el-border-radius-base) - 1px) - 2px);padding:0 7px}
