@import "../../colors";
@import "../../variables";
@import "../../mixins";

$role-form-item-width: 260px;
$cover-photo-size: 130px;

.CatalogEdit {
    @include base-container(main);
}

.CatalogEdit-role-form-item {
    width: $role-form-item-width;
}

.CatalogEdit {
    @include base-container(main);
}

.CatalogEdit-forms {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
}

.CatalogEdit-album-wrapper {
    width: 40%;
}

.CatalogEdit-image-wrapper {
    width: 60%;
}

.CatalogEdit-cover {
    align-items: flex-start;
    display: flex;
}

.CatalogEdit-cover-form-wrapper {
    flex-grow: 1;
    padding-left: $offset_main * 2;
}

.CatalogEdit-cover-requirements-item {
    & + & {
        margin-top: $offset_main * 2;
    }
}

.CatalogEdit-cover-requirements {
    margin-top: $offset_main * 2;
}

.CatalogEdit-cover-form-submit {
    margin-top: $offset_main;
}

.DeleteAlbum-button {
    /* stylelint-disable */
    pointer-events: visible !important;
    /* stylelint-enable */
}

.DeleteArtistPayee-button {
    /* stylelint-disable */
    pointer-events: visible !important;
    /* stylelint-enable */
}