{"version":3,"file":"eo-sticky/style-index.css","mappings":";;;AAAA;;;;;EAAA;AASA;EACC;EACA;EACA;AAFD;AAIC;EA2CC;AA5CF;AAEE;EACC;EACA;AAAH;AAEE;EACC;EACA;EACA;AAAH;AAEE;EACC;EACA;AAAH;AAEE;EACC;EACA;EACA;AAAH;AAEE;EACC;EACA;EACA;AAAH;AAEE;EACC;EACA;EACA;AAAH;AAEE;EACC;EACA;AAAH;AAEE;EACC;EACA;EACA;AAAH;AAEE;EACC;EACA;AAAH;AAMI;EACC;AAJL;AAGI;EACC;AADL;AAAI;EACC;AAEL;AAHI;EACC;AAKL;AANI;EACC;AAQL;AATI;EACC;AAWL;AALI;EACC;AAOL;AARI;EACC;AAUL;AAXI;EACC;AAaL;AAdI;EACC;AAgBL;AAjBI;EACC;AAmBL;AApBI;EACC;AAsBL;AAhBI;EACC;AAkBL;AAnBI;EACC;AAqBL;AAtBI;EACC;AAwBL;AAzBI;EACC;AA2BL;AA5BI;EACC;AA8BL;AA/BI;EACC;AAiCL;AA3BI;EACC;AA6BL;AA9BI;EACC;AAgCL;AAjCI;EACC;AAmCL;AApCI;EACC;AAsCL;AAvCI;EACC;AAyCL;AA1CI;EACC;AA4CL;;AC9HA;;EAAA;AAKE;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;AD8HJ;AC5HI;EACE;EACA;AD8HN;AC3HI;EACE;EACA;EACA;AD6HN;AC1HE;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;AD2HJ;ACzHI;EACE;EACA;AD2HN;ACtHI;EADF;IAEI;EDyHJ;AACF;ACrHI;EACE;IACE;EDuHN;ECrHI;IACE;IAEA;IACN;IACM;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EDsHN;EClHM;IACE;EDoHR;EClHM;IACE;EDoHR;AACF,C","sources":["webpack://eo-blocks/./blocks/src/eo-sticky/scss/style.scss","webpack://eo-blocks/./blocks/src/eo-sticky/scss/_mobile.scss"],"sourcesContent":["/**\r\n * The following styles get applied both on the front of your site\r\n * and in the editor.\r\n *\r\n * Replace them with your own styles or remove the file completely.\r\n */\r\n\r\n$media__mobile: 599px;\r\n\r\n.wp-block-eo-blocks-sticky {\r\n\tposition: fixed;\r\n\tz-index: 100000;\r\n\tmargin-top: 0 !important;\r\n\r\n\t&:not(.is-active-mobile-menu) {\r\n\t\t&.is-position-top-left {\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t}\r\n\t\t&.is-position-top-center {\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translateX(-50%);\r\n\t\t}\r\n\t\t&.is-position-top-right {\r\n\t\t\ttop: 0;\r\n\t\t\tright: 0;\r\n\t\t}\r\n\t\t&.is-position-center-left {\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 0;\r\n\t\t\ttransform: translateY(-50%);\r\n\t\t}\r\n\t\t&.is-position-center-center, .is-position-center {\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t}\r\n\t\t&.is-position-center-right {\r\n\t\t\ttop: 50%;\r\n\t\t\tright: 0;\r\n\t\t\ttransform: translateY(-50%);\r\n\t\t}\r\n\t\t&.is-position-bottom-left {\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 0;\r\n\t\t}\r\n\t\t&.is-position-bottom-center {\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translateX(-50%);\r\n\t\t}\r\n\t\t&.is-position-bottom-right {\r\n\t\t\tbottom: 0;\r\n\t\t\tright: 0;\r\n\t\t}\r\n\r\n\t\t/** Vertical & Horizontal Gap */\r\n\t\t&[class^=\"is-position-top\"] {\r\n\t\t\t@for $i from 1 through 6 {\r\n\t\t\t\t&.is-gap-vertical-#{$i} {\r\n\t\t\t\t\ttop: #{$i + 'em'};\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&[class^=\"is-position-bottom\"] {\r\n\t\t\t@for $i from 1 through 6 {\r\n\t\t\t\t&.is-gap-vertical-#{$i} {\r\n\t\t\t\t\tbottom: #{$i + 'em'};\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.is-position-top-left, &.is-position-center-left, &.is-position-bottom-left {\r\n\t\t\t@for $i from 1 through 6 {\r\n\t\t\t\t&.is-gap-horizontal-#{$i} {\r\n\t\t\t\t\tleft: #{$i + 'em'};\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.is-position-top-right, &.is-position-center-right, &.is-position-bottom-right {\r\n\t\t\t@for $i from 1 through 6 {\r\n\t\t\t\t&.is-gap-horizontal-#{$i} {\r\n\t\t\t\t\tright: #{$i + 'em'};\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@import \"mobile\";\r\n","/**\r\n * Sticky version mobile\r\n */\r\n\r\n.wp-block-eo-blocks-sticky {\r\n  .eo-sticky__menu {\r\n    display: none;\r\n\r\n    width: 50px;\r\n    height: 50px;\r\n    background: #fff;\r\n    box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);\r\n    border-radius: 8px;\r\n    transition: opacity 0.2s ease-out;\r\n\r\n    &:hover {\r\n      cursor: pointer;\r\n      opacity: 0.6;\r\n    }\r\n\r\n    .eo-sticky__menu-icon {\r\n      width: 100%;\r\n      max-width: 20px;\r\n      margin: auto;\r\n    }\r\n  }\r\n  .eo-sticky__menu-close {\r\n    display: none;\r\n\r\n    position: absolute;\r\n    top: 2em;\r\n    right: 2em;\r\n    width: 100%;\r\n    max-width: 20px;\r\n    transition: opacity 0.2s ease-out;\r\n\r\n    &:hover {\r\n      opacity: 0.5;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  &:not(.is-display-mobile) {\r\n    @media ( max-width: $media__mobile ) {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  &.is-display-mobile.is-style-mobile-menu {\r\n    @media ( max-width: $media__mobile ) {\r\n      .eo-sticky__menu {\r\n        display: flex;\r\n      }\r\n      .eo-sticky__container {\r\n        display: none;\r\n\r\n        position: fixed;\r\n\t\tbox-sizing: border-box;\r\n        z-index: 100001;\r\n        justify-content: center;\r\n        align-items: center;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: #fff;\r\n        padding: 4em;\r\n      }\r\n\r\n      &.is-active-mobile-menu {\r\n        .eo-sticky__container {\r\n          display: flex;\r\n        }\r\n        .eo-sticky__menu-close {\r\n          display: block;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n"],"names":[],"sourceRoot":""}