.ft-loop-count-widget {
    display: inline-flex;
    align-items: center;
}

.ft-loop-count-widget.is-hidden {
    display: none !important;
}

.ft-loop-count-select-wrap {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #eef1f5;
    border-radius: 999px;
    padding: 8px 12px;
}

.ft-loop-count-icon {
    width: 20px;
    height: 20px;
    color: #4c5b70;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ft-loop-count-icon svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.ft-loop-count-label {
    color: #4c5b70;
    white-space: nowrap;
}

.ft-loop-count-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    background: transparent;
    color: #4c5b70;
    cursor: pointer;
    padding: 0 18px 0 0;
    line-height: 1.2;
    background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
    background-position: calc(100% - 8px) 45%, calc(100% - 3px) 45%;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

.ft-loop-count-select:focus {
    outline: none;
}

.ft-loop-count-widget.is-loading {
    opacity: 0.7;
    pointer-events: none;
}