@import '../_shared/ImageUploadZone.css';

/* Shape Selector */
.shape-selector-container .btn {
    white-space: nowrap;
}

.shape-selector-container .shape-icon {
    width: clamp(24px, 8vw, 80px);
    height: clamp(24px, 8vw, 80px);
}

/* Canvas Container */
.canvas-container {
    width: 100%;
    height: 200px;
}

/* Image Cropped */
.image-cropped {
    max-height: 100px;
}

/* Small screen devices */
@media (max-width: 576px) {
    .canvas-container {
        height: 200px;
    }

    .image-cropped {
        max-height: 100px;
    }
}

/* Large screen devices */
@media (min-width: 992px) {
    .canvas-container {
        height: 600px;
    }

    .image-cropped {
        max-height: 200px;
    }
}