.form-crop-tool-layout {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.form-crop-tool-content-layout {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.form-crop-tool-wrp-vertical .form-crop-tool-content-layout {
    flex-direction: column;
}

.form-crop-tool-wrp-horizontal .form-crop-tool-content-layout {
    flex-direction: row;
}

.form-crop-tool-content-size {
    display: table;
    position: relative;
}

.form-crop-tool-wrp-vertical .form-crop-tool-content-size {
    margin-bottom: 8px;
}

.form-crop-tool-wrp-horizontal .form-crop-tool-content-size {
    margin-right: 12px;
}

.form-crop-tool-config {
    display: none;
}

.form-crop-tool-content-wrp {
    display: none;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
}

.form-crop-tool-content-selected {
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-crop-tool-content-plain,
.form-crop-tool-content-default img,
.form-crop-tool-content-value img {
    border-radius: 14px;
}

.form-crop-tool-content-plain {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-style: solid;
    border-width: 2px;
    border-color: var(--color-crop-tool-border);
    -webkit-transition: border-color 0.25s;
    -moz-transition: border-color 0.25s;
    -ms-transition: border-color 0.25s;
    -o-transition: border-color 0.25s;
    transition: border-color 0.25s;
}

.form-crop-tool-content-plain:hover,
.form-crop-tool-content-plain:focus {
    border-color: var(--color-crop-tool-border-hover);
}

.form-crop-tool-content-plain::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-text);
    -webkit-mask-image: url(../../../../../media/icons/outline/crop.svg);
    mask-image: url(../../../../../media/icons/outline/crop.svg);
    -webkit-mask-size: 36%;
    mask-size: 36%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    pointer-events: none;
}

.form-crop-tool-content-default img,
.form-crop-tool-content-value img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1.5px solid var(--color-profile-image-border);
}

.form-crop-tool-content-buttons {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.form-crop-tool-content-buttons-align-left {
    justify-content: left;
}

.form-crop-tool-content-buttons-align-center {
    justify-content: center;
}

.form-crop-tool-content-buttons-align-right {
    justify-content: right;
}

.form-crop-tool-wrp-horizontal .form-crop-tool-content-buttons {
    margin: 8px 0px;
}

.form-crop-tool-wrp-vertical .form-crop-tool-content-buttons button {
    margin-top: 4px !important;
}

.form-crop-tool-wrp-horizontal .form-crop-tool-content-buttons button {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}