@import '@spglobal/ca-mfe-package-utils/dist/styles/global';
.selection-edit-wrapper-container {
    .wrapper-content {
        padding: 2px 9px;
        border-radius: 8px;
        margin-bottom: 1px;
    }
    .section-title {
        width: 170px;
        padding: 12px 0;
        font-size: 11px;
        padding-right: 10px;
    }

    .editActive {
        border: 1px solid #0D71C6;
        padding: 1px 8px;
    }

    .opacity {
        opacity: 0.3;
    }

    .onHover {
        &:hover {
            background-color: #e4f0fe;
        }
    }
    .selection-width{
        width: 30px;
    }

    .prop-green {
        color: $prop-color;
      }

    :global {
        .select-edit-container {
            padding: 0;
        }

        .select-list {
            min-width: 100px !important;
            margin-right: 8px !important;

            button {
                height: 22px;
            }
        }
        .select-list + .spg-mr-2xl {
            margin-right: 8px !important;
            textarea{
                min-width: 115px;
                width: 115px;
            }
        }
        .selection-btns {
            button {
                height: 22px;
            }
        }
        .select-edit-content {
            font-size: 11px;
            & > div {
                padding: 4px 0 !important;
            }
            .spg-icon--small, .spg-icon--small>svg {
                height: 12px;
                width: 12px;
            }
        }
    }
}