How to Control the CSS of Screen Flows - Salesforce Time

flowruntime-repeater-instance .slds-card.card-container {
    display: flex;
    gap: 10px;
    align-items: center;
}

flowruntime-repeater-instance div div.flowruntime-input {
    display: block;
}

flowruntime-repeater-instance div flowruntime-screen-field {
    width: 100%;
}

flowruntime-repeater-instance div flowruntime-flow-screen-input {
    width: 100%;
}

flowruntime-repeater lightning-button button[title="Remove"] {
    font-size: 0px !important;
    background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQwbpoNpITAwQBMApXNh0jDzbBhCNB2TAfbObDZ8l8cCA&s") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}


fieldset>flowruntime-screen-field {
    flex-basis: 100%;
}

fieldset>div:has(button[title="Remove"]) {
    margin-top: 0.95rem;
}

fieldset>flowruntime-screen-field:not(:has(.slds-checkbox__label)),
fieldset>div:has(button[title="Remove"]) {
    align-self: start;
}