@use "variables" as *;

.dot-container-properties__button-container {
    position: absolute;
    top: 4.4rem;
    right: $spacing-4;

    button {
        margin: 0 calc($spacing-1 / 2);
    }
}

.dot-container-properties__title-container {
    display: flex;
    flex-direction: row;
    gap: $spacing-2;
    padding: $spacing-2 0;
    align-items: center;

    &-content {
        display: flex;
        align-items: center;
        gap: $spacing-2;
    }
}

.dot-container-properties__title-text {
    display: inline-block;
    padding-right: $spacing-2;
    font-size: $font-size-lmd;
}

.dot-container-properties__max-contents-input {
    margin-right: $spacing-2;
}

.p-button-info.dot-container-properties__button-clear,
.p-button-info.dot-container-properties__button-clear:hover {
    background-color: $color-palette-gray-700;
    color: $white;
    padding: 0.82rem $spacing-3;
}

.dot-container-properties__code-loop-container {
    border: $field-border-size solid $color-palette-gray-400;
    border-radius: $field-border-radius;
}
