.trial-wrap { background: transparent; min-width: 1200px; .cts { color: #211f24; font-family: $font-family-medium; font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; } :deep(.ant-steps) { .ant-steps-item { margin-left: 0; .ant-steps-item-icon { width: 10px; height: 10px; } .ant-steps-item-content { margin-top: 8px; .ant-steps-item-title { color: var(--Text-1, #211f24); font-family: $font-family-regular; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .ant-steps-item-description { color: var(--Text-3, #737478); font-family: $font-family-regular; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; } } &.ant-steps-item-wait { .ant-steps-icon { .ant-steps-icon-dot { background: #d7d7d9; } } } &.ant-steps-item-active, &.ant-steps-item-finish { .ant-steps-icon { .ant-steps-icon-dot { background: #6d4cfe; } } .ant-steps-item-content { .ant-steps-item-title { padding: 0; font-family: $font-family-medium; } } } } } .header-wrap { background: transparent; height: $navbar-height; line-height: $navbar-height; padding-inline: inherit; color: inherit; width: 100%; min-width: $layout-min-width; :deep(.right-wrap) { .task-icon, .agent-entry { display: none; } } } .trial-content { width: 100%; height: 100%; background: transparent; min-height: calc(100vh - $navbar-height); :deep(.ant-form) { .ant-form-item { &:not(:last-child) { margin-bottom: 24px !important; } .ant-form-item-label { > label { font-family: $font-family-medium; font-weight: 500; } } } } } }