.leaflet-control-layers {
    display: none;
}

body[data-step="5"] .slides {
    overflow: visible;
	max-width: 100%;
}

.image-input-grid {
    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 20px;
}

.image-input-group {
    position: relative;
    aspect-ratio: 4/3;
}

.image-input-label {
    display: block;
    cursor: pointer;
}

.image-input-input {
    height: 0;
    width: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.image-input-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0.9;
}



.image-input-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 1.25rem;
    padding: 5px;
    text-align: center;
    font-weight: 500;
}





.image-input-group:hover .image-input-img {
    transform: scale(1.02);
    opacity: 1;

}

.image-input-check {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;

}

.image-input-input:checked ~ .image-input-check {
    background-color: #FFF;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16.5001 8.99998C16.8906 9.3905 16.8906 10.0237 16.5001 10.4142L11.7072 15.2071C11.3167 15.5976 10.6835 15.5976 10.293 15.2071L8.0001 12.9142C7.60957 12.5237 7.60957 11.8905 8.0001 11.5C8.39062 11.1095 9.02379 11.1095 9.41431 11.5L11.0001 13.0858L15.0859 8.99998C15.4764 8.60945 16.1096 8.60945 16.5001 8.99998Z" fill="green"/></svg>');
}

.image-input-input:checked ~ .image-input-img {
    outline: 5px solid green;
    outline-offset: 1px;
    transform: scale(1);
    opacity: 1;
}

.image-input-input[disabled] ~ .image-input-img {

    opacity: 0.5;
    pointer-events: none;
    transform: none !important;
}


.full-width {

    position: relative;




    /* max-width: 1920px; */
}


.slides-container {
max-width: 600px;
margin: 0 auto;
}


.prvky-input-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 15px;
}


.is-disabled {
    opacity: 0.5;
    pointer-events: none;
}





