﻿/**********/
/* Wizard */
/**********/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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