/**********/
/* Wizard */
/**********/

.lib-form-templates-wizard-grid {
    display: grid;
    grid-template-areas:
        "Header"
        "Form";
    row-gap: var(--spacing-1);
}

@media (min-width: 576px) {
    .lib-form-templates-wizard-grid {
        display: grid;
        grid-template-areas:
            "Header Form"
            "Header Form";
        grid-template-columns: 3fr 5fr;
        row-gap: var(--spacing-2);
    }
}

.lib-form-templates-wizard-grid-col-header {
    grid-area: Header;
}

.lib-form-templates-wizard-grid-col-form {
    grid-area: Form;
}

/*********/
/* Forms */
/*********/

.lib-form-templates-collapsible-filler-label {
    display: none;
}

@media (min-width: 576px) {
    .lib-form-templates-collapsible-filler-label {
        display: block;
        visibility: collapse;
    }
}

/*********/
/* Icons */
/*********/

.lib-form-templates-treeview-icon {
    display: inline-block;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
    width: 100%;
    height: 1.3rem;
}
.lib-form-templates-file-earmark-icon {
    mask-image: url("../images/file-earmark.svg");
    -webkit-mask-image: url("../images/file-earmark.svg");
}

.lib-form-templates-file-text-icon {
    mask-image: url("../images/file-text.svg");
    -webkit-mask-image: url("../images/file-text.svg");
}

.lib-form-templates-file-richtext-icon {
    mask-image: url("../images/file-richtext.svg");
    -webkit-mask-image: url("../images/file-richtext.svg");
}

.lib-form-templates-upload-icon {
    mask-image: url("../images/upload.svg");
    -webkit-mask-image: url("../images/upload.svg");
}

.lib-form-templates-folder2-open-icon {
    mask-image: url("../images/folder2-open.svg");
    -webkit-mask-image: url("../images/folder2-open.svg");
}

.lib-form-templates-unlock-icon {
    mask-image: url("../images/unlock.svg");
    -webkit-mask-image: url("../images/unlock.svg");
}

.lib-form-templates-hash-icon {
    mask-image: url("../images/hash.svg");
    -webkit-mask-image: url("../images/hash.svg");
}

.lib-form-templates-location-icon {
    mask-image: url("../images/location.svg");
    -webkit-mask-image: url("../images/location.svg");
}

.lib-form-templates-info-circle-fill-icon {
    mask-image: url("../images/info-circle-fill.svg");
    -webkit-mask-image: url("../images/info-circle-fill.svg");
}

.lib-form-templates-person-fill-icon {
    mask-image: url("../images/person-fill.svg");
    -webkit-mask-image: url("../images/person-fill.svg");
}

.lib-form-templates-calendar2-fill-icon {
    mask-image: url("../images/calendar2-fill.svg");
    -webkit-mask-image: url("../images/calendar2-fill.svg");
}

.lib-form-templates-folder-fill-icon {
    mask-image: url("../images/folder-fill.svg");
    -webkit-mask-image: url("../images/folder-fill.svg");
}