{"version":3,"file":"blocks/carousel/index.css","mappings":";;;AAQA;EACI;AAPJ;AAQI;EACI;AANR;AAQI;EACI;AANR;AAeI;EACI;AAbR;AAkBA;EACI;AAfJ,C","sources":["webpack://groundworx-carousel/./src/blocks/carousel/editor.scss"],"sourcesContent":["$breakpoints: (phone: 375px,\nlarge-phone: 480px,\ntablet: 680px,\nlarge-tablet: 960px,\nlaptop: 1080px,\ndesktop: 1280px,\nlarge-desktop: 1440px);\n@import \"global-styles/index\";\n.wp-block-groundworx-carousel {\n    position: relative;\n    > .gwx-carousel {\n        margin-block-start: 0;\n    }\n    .gwx-carousel--editor .gwx-carousel__viewport {\n        overflow: hidden;\n    }\n\n    // Reset WordPress block editor layout class on the Embla container.\n    // useInnerBlocksProps adds .block-editor-block-list__layout which sets\n    // position:relative — this creates a new containing block that changes\n    // how the grid resolves the flex container width, breaking Embla's\n    // flex-basis % calculations when the viewport sits inside a grid cell\n    // preceded by auto-sized columns (e.g. arrows).\n    .gwx-carousel--editor .gwx-carousel__container.block-editor-block-list__layout {\n        position: static;\n    }\n\n}\n\n.is-inherited .components-form-toggle .components-form-toggle__thumb {\n    transform: translateX(8px);\n}\n\n@import './templates/editor';"],"names":[],"sourceRoot":""}