@import '~scss/variables';

.sw-theme-modal {
    &__header {
        &-search {
            background-color: $color-gray-100;
            border-bottom: 1px solid $color-gray-200;
        }
    }

    .sw-theme-modal__content {
        display: flex;
        flex-direction: column;
        padding: 20px 30px;
        overflow-y: auto;

        .sw-theme-modal__content-item {
            position: relative;

            &.is--selected {
                .sw-theme-list-item {
                    border-color: $color-shopware-brand-500;
                }
            }

            .sw-field--checkbox {
                margin: 0;
                width: 16px;
                position: absolute;
                grid-template-columns: 16px;
                top: 24px;
                left: 24px;
            }
        }
    }

    &.sw-modal.sw-modal--default {
        .sw-modal__dialog {
            max-width: 960px;
        }
        .sw-modal__body {
            padding: 0;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            height: 520px;
        }
    }
}
