{"version":3,"file":"index.css","mappings":";;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAJ;AAEI;EACI;EACA;AAAR;AAGI;EACI;EACA;AADR;AAII;EACI;EACA;AAFR;AAKI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHR;AAMQ;EACI;AAJZ;AAUQ;EACI;AARZ;AAaI;EACI;AAXR;;AAkBQ;EACE;EACA;AAfV;AAsBY;EACI;AApBhB;AAuBY;EACI;AArBhB;;AA8BQ;EACI;EACA;AA3BZ;AA8BQ;EACI;EACA;AA5BZ;AA+BQ;EACI;AA7BZ;AA+BY;EACI;AA7BhB;AAgCY;EACI;AA9BhB;;AAqCA;EACI;AAlCJ;;AAyCY;EACI;AAtChB;AAyCY;EACI;AAvChB;AA0CY;;EAEI;AAxChB,C;;;;AC1FI;EACI;AAHR;AAMI;EACI;AAJR;AAMI;EACI;AAJR;;AAUQ;EACI;AAPZ,C","sources":["webpack://mega-menu-block/./src/view.scss","webpack://mega-menu-block/./src/edit.scss"],"sourcesContent":["// Front-end specific styles.\n.wp-block-outermost-mega-menu__menu-container {\n    height: auto;\n    left: -1px;\n    opacity: 0;\n    overflow: hidden;\n    position: absolute;\n    top: 30px;\n    transition: opacity .1s linear;\n    visibility: hidden;\n    z-index: 2;\n\n    &.menu-width-content {\n        max-width: var(--wp--style--global--content-size);\n        width: var(--wp--style--global--content-size);\n    }\n\n    &.menu-width-wide {\n        max-width: var(--wp--style--global--wide-size);\n        width: var(--wp--style--global--wide-size);\n    }\n\n    &.menu-width-full {\n        max-width: 100vw;\n        width: 100vw;\n    }\n\n    .menu-container__close-button {\n        align-items: center;\n        -webkit-backdrop-filter: blur(16px) saturate(180%);\n        backdrop-filter: blur(16px) saturate(180%);\n        background-color: #ffffffba;\n        border: none;\n        border-radius: 999999px;\n        cursor: pointer;\n        display: flex;\n        justify-content: center;\n        opacity: 0;\n        padding: 4px;\n        position: absolute;\n        right: 12px;\n        text-align: center;\n        top: 12px;\n        transition: opacity .2s ease;\n        z-index: 100;\n\n        // Show the close button when focused (for keyboard navigation)\n        &:focus {\n            opacity: 1;\n        }\n    }\n\n    // Show the close button when the mega menu is hovered.\n    &:hover {\n        .menu-container__close-button {\n            opacity: 1;\n        }\n    }\n\n    // This ensures navigation menu inside of mega menus display correctly.\n    .is-responsive {\n        display: flex;\n    }\n}\n\n// Change the position of the menu depending on navigation alignment.\n.wp-block-navigation {\n    &.items-justified-right {\n        .wp-block-outermost-mega-menu__menu-container {\n          left: unset;\n          right: -1px;\n        }\n    }\n\n    &.items-justified-center,\n    &.items-justified-space-between {\n        .wp-block-outermost-mega-menu__menu-container {\n            &.menu-width-content {\n                left: calc( ( -1 * var(--wp--style--global--content-size) / 2 ) + 50% );\n            }\n\n            &.menu-width-wide {\n                left: calc( ( -1 * var(--wp--style--global--wide-size) / 2 ) + 50% );\n            }\n        }\n     }\n}\n\n// Change the position of the menu depending on the menu alignment (override Navigation block).\n.wp-block-navigation { \n    .wp-block-outermost-mega-menu__menu-container {\n        &.menu-justified-left {\n            left: -1px;\n            right: unset;\n        }\n\n        &.menu-justified-right {\n            left: unset;\n            right: -1px;\n        }\n\n        &.menu-justified-center {\n            right: unset;\n\n            &.menu-width-content {\n                left: calc( ( -1 * var(--wp--style--global--content-size) / 2 ) + 50% );\n            }\n\n            &.menu-width-wide {\n                left: calc( ( -1 * var(--wp--style--global--wide-size) / 2 ) + 50% );\n            }\n        }\n    }\n}\n\n// If there is a collapsed link, start hidden.\n.wp-block-outermost-mega-menu__collapsed-link {\n    display: none;\n}\n\n// If a navigation modal is open, check if the mega menu should be displayed.\nhtml.has-modal-open {\n    .wp-block-outermost-mega-menu {\n        &.disable-menu-when-collapsed {\n            &:not(.has-collapsed-link) {\n                display: none;\n            }\n    \n            .wp-block-outermost-mega-menu__collapsed-link {\n                display: inherit;\n            }\n    \n            .wp-block-outermost-mega-menu__toggle, \n            .wp-block-outermost-mega-menu__menu-container {\n                display: none;\n            }\n        }\n    }\n}","// Editor specific styles.\n.outermost-mega-menu__settings-panel {\n\n    // The Combobox control is placed inside a div, so this fixes some spacing issues.\n    .settings-panel__description {\n        margin-top: 24px;\n    }\n\n    .components-notice {\n        margin: 10px 0 0;\n    }\n    .components-notice__content {\n        margin-right: 0;\n    }\n}\n\n.outermost-mega-menu__layout-panel {\n    .components-h-stack {\n        &> .components-base-control  {\n            margin-bottom: 0;\n        }\n    }\n}\n// .wp-block-outermost-mega-menu {\n//     .wp-block-outermost-mega-menu__toggle {\n//         cursor: text;\n//     }\n// }"],"names":[],"sourceRoot":""}