/* Minification failed. Returning unminified contents.
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,26): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(53,37): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(54,38): run-time error CSS1039: Token not allowed after unary operator: '-gap'
 */
/*
 * Author: Nagarajan Subramani | 24-Feb-2021 | nagarajan.subramani@starmarkit.com
 * 
 * Requires: jquery.iframe-modal.js
 * 
 * Usage: $.openIFrameModal({ url: "/link/to/resource" });
 * 
 */ 

#iframe-modal {
    --gap: 1.0rem;
}

    #iframe-modal.body-block {
        background: #e5e5e5; /* fallback */
        background: rgba(0,0,0,0.1);
        position: fixed;
        z-index: 9999;
        height: 100%;
        width: 100%;
        overflow: hidden;
        display: grid;
        align-items: center;
        justify-items: center;
    }

        #iframe-modal.body-block > .iframe-view > .close-button {
            position: absolute;
            top: -1.25rem;
            right: -1.25rem;
            display: block;
            margin: 0 auto;
            font-size: 4rem;
            width: 2.5rem;
            height: 2.5rem;
            z-index: 1000001;
            border-radius: 50%;
            border: 4px solid white;
            cursor: pointer;
        }

        #iframe-modal.body-block .icon {
            background-repeat: no-repeat;
            background-position: center;
            background-size: 1.5rem;
            background-color: white;
        }

        #iframe-modal.body-block > .iframe-view {
            position: relative;
            display: block;
            margin: var(--gap);
            width: calc(100% - var(--gap) * 2);
            height: calc(100% - var(--gap) * 2);
            border: 0.25rem solid lightgray;
            border-radius: 0.25rem;
        }

            #iframe-modal.body-block > .iframe-view > iframe {
                width: 100%;
                height: 100%;
            }

            #iframe-modal.body-block > .iframe-view > .content {
                max-width: 600px;
            }

        #iframe-modal.body-block .icon.icon-cross {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%233a55b1' viewBox='-2 -2 7 7'%3e%3cpath stroke='%233a55b1' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
        }

        #iframe-modal.body-block .icon.icon-check {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%236f7a7f' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
        }