{"version":3,"file":"global.css","mappings":";;;AAGA;EAEI;EACA;EACA;EAEA;AAJJ;AAMI;EACI;AAJR;;AAmBA;EACI;AAhBJ;AAkBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhBR;;AA6BA;EACI;AA1BJ;;AA4BA;;EAEI;AAzBJ;;AA+BA;EACI;AA5BJ;;AAkCA;EACI;AA/BJ;;AAiDI;EACI;AA9CR;AAiDQ;EAEI;AAhDZ;AAwDQ;EACI;EACA;AAtDZ;AAgEI;EACI;AA9DR;AAoFI;EAEI;AAnFR;AAsFQ;EACI;AApFZ;AAuFQ;EACI;EACA;EACA;AArFZ;AAwFQ;EACI;AAtFZ;AAyFQ;EACI;EACA;AAvFZ;AAyFQ;EACI;EACA;EACA;EACA;AAvFZ;AA2FgB;EACI;AAzFpB;AA4FgB;EACI;EACA;EACA;KAAA;AA1FpB;AAiGI;EACI;EACA;EACA;EACA;AA/FR;AA2HI;EACI;EACA;EACA;AAzHR;AA4HI;EACI;EACA;EACA;EACA;AA1HR;AA6HI;EACI;EACA;EACA;EACA;EACA;EACA;AA3HR;AA8HI;EACI;AA5HR;AA+HI;EACI;EACA;EACA;EACA;AA7HR;AAoJI;EACI;EACA;AAlJR;AAqJI;EACI;EACA;EACA;EACA;AAnJR;AAsJQ;EACI;AApJZ;AAuJI;EACI;EACA;EACA;EACA;AArJR;AAuJQ;EACI;EACA;EACA;KAAA;EACA;KAAA;AArJZ;AAyJI;EACI;AAvJR;AAgKI;EACI;AA9JR;AAiKI;EACI;KAAA;UAAA;EACA;EACA;EACA;EACA;AA/JR;AAiKQ;EACI;EACA;AA/JZ;;AAyKI;EACI;EACA;EAEA;AAvKR,C","sources":["webpack://museuio-companion/./src/editor-global.scss"],"sourcesContent":["// \n// Global resets\n// \nhtml :where(.editor-styles-wrapper) {\n    // font-family: 'Lato', sans-serif;\n    font-family: inherit;\n    background-color: initial;\n    color: initial;\n\n    --wp--style--block-gap: 1rem !important;\n\n    * {\n        box-sizing: border-box;\n    }\n\n    // .wp-block-museuio-companion-featured-item-a,\n    // .wp-block-museuio-companion-featured-item-b {\n    //     background-color: #ffffff !important;\n    // }\n}\n\n\n\n\n// \n// Emulating Gutenebrg's field component labels\n// \n.mio-gutenberg-label {\n    margin: 11px 0;\n\n    &.mio-gutenberg-label--uppercase { // copied from ad-hoc/scoped gb styles\n        font-size: 11px;\n        font-weight: 500;\n        line-height: 1.4;\n        text-transform: uppercase;\n        box-sizing: border-box;\n        display: block;\n        padding-top: 0px;\n        padding-bottom: 0px;\n        max-width: 100%;\n        z-index: 1;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n}\n\n\n\n\n\n\n\n// \n// Fixes overly tall select control areas\n// \n.components-base-control {\n    flex-basis: 100%;\n}\n.components-base-control__field .components-select-control,\n.components-unit-control {\n    height: auto !important;\n}\n\n//\n// Block category item color\n// \n#museio-companion__category-icon .cls-1 {\n    fill: #333333;\n}\n\n// \n// Side pannel toggle button alignment\n// \n.mio-editor-toggle-wrapper {\n    padding-top: 1.5rem;\n}\n\n\n// \n// \n\n\n.block-editor-block-list__block {\n    \n    // Double class for required specificity\n    // .block-list-appender.block-list-appender {\n    //     background-color: #ffffff;\n    // }\n\n    // \n    // Carousel \n    // \n    &.wp-block-museuio-companion-carousel {\n        margin: 1rem !important;\n        // border: 4px solid #333333;\n\n        .mio-display-carousel__content {\n            // padding: 12px 24px;\n            padding: 0 0 12px 0;\n            // background-color: #ffffff;\n            \n            // .components-unit-control-wrapper {\n            //     max-width: 120px;\n            // }\n        }\n    \n        .mio-display-carousel__content-items {\n            margin: 0 8px 4px 8px;\n            padding: 16px 8px;\n            // background-color: #f7f7f7;\n            // background-color: #ffffff;\n            // border: 3px dashed #eeeeee;\n        }\n    }\n\n    // \n    // Grid\n    // \n    &.wp-block-museuio-companion-grid {\n        margin: 1rem !important;\n        // border: 4px solid #333333;\n\n        .mio-display-grid__content {\n            // padding: 12px 24px;\n            // padding: 0 0 12px 0;\n            // background-color: #ffffff;\n            \n            // .components-unit-control-wrapper {\n            //     max-width: 120px;\n            // }\n        }\n    \n        .mio-display-grid__content-items {\n            // margin: 0 8px 4px 8px;\n            // padding: 16px 8px;\n            // background-color: #f7f7f7;\n            // background-color: #ffffff;\n            // border: 3px dashed #eeeeee;\n        }\n    }\n\n    &.wp-block-museuio-companion-featured-item,\n    &.mio-has-editor-box {\n        margin-bottom: 12px;\n        // border: 4px solid #333333;\n\n        .editor-styles-wrapper {\n            background-color: transparent !important;\n        }\n\n        .mio-display-fields {\n            display: flex;\n            flex-direction: row-reverse;\n            justify-content: flex-start;\n        }\n        \n        .mio-editor-block-body:not(.mio-summary-mode) .mio-display-fields {\n            padding: 8px 0;\n        }\n    \n        .mio-display-fields__main {\n            flex: 1 1 60%;\n            max-width: 640px;\n        }\n        .mio-display-fields__image {\n            flex: 1 1 40%;\n            max-width: 200px;\n            max-height: 20px;\n            margin-right: 12px;\n            // overflow: hidden;\n    \n            .wp-block-museuio-companion-image {\n                .mio-image-editor-wrapper {\n                    background-color: #f0f0f0;\n                }\n\n                img {\n                    width: 200px;\n                    height: 200px;\n                    object-fit: contain;\n                }\n            }\n            \n        }\n    }\n\n    .mio-editor-block-header {\n        display: flex;\n        align-items: center;\n        flex: 0 0 100%;\n        padding: 12px;\n        // background: #1a1a1a;\n        // color: #000000 !important;\n        // border-bottom: 4px solid #1a1a1a;\n        // border: 4px solid #ffffff;\n        // border-bottom: 4px solid #1a1a1a;\n        // border-bottom: 4px solid #1a1a1a;\n        // border-bottom: 4px solid #333333;\n        // overflow: hidden;\n\n        // background-color: initial;\n\n        // &::after {\n        //     content: \"\";\n        //     display: block;\n        //     width: 100%;\n        //     height: 4px;\n        //     background-color: #333333;\n        // }\n    }\n\n    // .mio-display-carousel__content-items {\n    //     .mio-editor-block-header {\n    //         background-color: #333333;\n    //         color: #ffffff;\n    //     }\n    // }\n\n    .mio-editor-block-header__icon {\n        display: inline-block;\n        width: 24px;\n        margin-right: 12px;\n    }\n\n    .mio-editor-block-header__title {\n        margin: 0;\n        font-size: 0.875rem;\n        font-weight: 700;\n        text-transform: uppercase;\n    }\n\n    .mio-editor-divider {\n        width: 100%;\n        height: 4px;\n        margin: 0;\n        padding: 0;\n        border: 0;\n        background-color: #333333;\n    }\n\n    .mio-editor-block-body {\n        padding: 0 8px;\n    }\n\n    .mio-summary-mode {\n        width: 100%;\n        margin: 8px 0;\n        display: flex;\n        justify-content: space-between;\n    }\n\n    // .mio-editor-instructions {\n        // color: #000000 !important;\n    // }\n    \n    // .mio-editor-section-heading {\n    //     margin-bottom: 0.5rem;\n    //     padding: 0 8px;\n    //     font-size: 1.125rem;\n    //     font-weight: 700;\n    // }\n\n    // Save some space for the appender button below last inner block\n    // .block-editor-inner-blocks .block-editor-block-list__layout > :nth-last-child(2) {\n        // margin-bottom: 80px;\n        \n        // .mio-summary-mode {\n        //     min-height: 130px;\n        // }\n    // }\n\n    .mio-summary-mode__main {\n        padding: 8px;\n        overflow: hidden;\n    }\n\n    .mio-summary-mode__content {\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        font-weight: 700;\n        // max-height: 1em;\n\n        > span + span::before {\n            content: \" / \";\n        }\n    }\n    .mio-summary-mode__image {\n        flex: 0 0 100px;\n        max-height: 100px;\n        margin-left: 12px;\n        overflow: hidden;\n\n        img {\n            width: 100px;\n            height: 100px;\n            object-fit: contain;\n            object-position: center center;\n        }\n    }\n\n    .mio-summary-mode-label {\n        display: none;\n        // font-weight: 700;\n        // text-transform: uppercase;\n    }\n\n    // span + span .mio-summary-mode-label {\n    //     padding-left: 0.5em;\n    // }\n\n    .mio-block__actions {\n        margin-top: 8px;\n    }\n\n    .mio-summary-mode__toggle {\n        appearance: none;\n        padding: 0;\n        background-color: transparent;\n        border: 0;\n        font-size: 0.875rem;\n\n        &:hover {\n            color: var(--wp-admin-theme-color);\n            cursor: pointer;\n        }\n    }\n}\n\n\n// .editor-styles-wrapper {\n.mio-editor-block-body {\n    // background-color: transparent !important;\n\n    p.mio-piece-display-field__label {\n        margin: 0 0 4px 0;\n        font-size: 16px !important;\n        // font-weight: 700 !important;\n        color: #333333 !important;\n    }\n\n    // Not actually an <input>\n    // Properties may be inherited from front-end and must be overriden\n    // (thus the !important rules)\n\n    // :not(.wp-block-museuio-companion-featured-item-a) {\n    //     .mio-piece-display-field__input.block-editor-rich-text__editable {\n    //         display: block !important; \n    //         width: 100%;\n    //         display: block;\n    //         margin: 0 0 1rem 0 !important;\n    //         padding: 8px !important;\n    //         border: 0;\n    //         border-radius: 0;\n    //         background: #f0f0f0 !important;\n    //         color: #333333 !important;\n    //         text-align: left !important; \n    \n    //         // color: #333333;\n    \n    //         &:focus-within {\n    //             border-color: #1a1a1a;\n    //         }\n    \n    //         &.mio-piece-display__caption {\n    //             min-height: 5em;\n    //         }\n    //     }\n    // }\n\n}"],"names":[],"sourceRoot":""}