{"version":3,"file":"./style-index.css","mappings":";;;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;AAAJ;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AADR;AAGS;EAlCL;IAmCQ;IACA;IACA;EAAV;AACF;AAEQ;EACI;AAAZ;AAII;EACI;EACA;EACA;EACA;EACA;EACA;AAFR;AAOA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAJJ;AAMI;EACI;EACA;EACA;AAJR;AAOI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALR;AAOQ;EACI;EACA;EACA;EACA;EACA;AALZ;AAQQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AANZ;AAQY;EACI;EACA;AANhB;AAWI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AATR;AAWQ;EACI;EACA;EACA;EACA;EACA;AATZ;AAYQ;EACI;AAVZ;AAaQ;EACI;EACA;EACA;EACA;AAXZ;AAeI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAbR;AAeQ;EACI;AAbZ;AAmBA;EACI;IAAO;IAAY;EAdrB;EAeE;IAAK;IAAY;EAXnB;AACF,C","sources":["webpack://lzm-lead-button/./src/style.scss"],"sourcesContent":[".wp-block-lzm-lead-button {\r\n\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    box-sizing: border-box;\r\n    width: 100%;    \r\n    background-color: transparent;\r\n       \r\n    .lzm-lead-button-trigger {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: var(--lzm-gap);\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n        width: 100%;        \r\n        min-height: 44px;     \r\n        background-color: var(--lzm-bg, #25d366);               \r\n        color: inherit;\r\n        font-family: inherit;\r\n        font-size: inherit;\r\n        font-weight: var(--lzm-font-weight, 600);\r\n        text-transform: inherit;\r\n        line-height: 1;        \r\n        text-decoration: inherit;\r\n        letter-spacing: inherit;      \r\n        padding: var(--lzm-padding);       \r\n        margin-left: var(--lzm-margin-left);\r\n        margin-right: var(--lzm-margin-right);\r\n        border-top-width: var(--lzm-border-top);\r\n        border-bottom-width: var(--lzm-border-bottom);\r\n        border-left-width: var(--lzm-border-left);\r\n        border-right-width: var(--lzm-border-right);\r\n        border-color: var(--lzm-border-color);\r\n        border-radius: var(--lzm-radius);\r\n        border-style: var(--lzm-border-style);\r\n        box-shadow: var(--lzm-box-shadow);\r\n\r\n        box-sizing: border-box;\r\n        cursor: pointer;\r\n        outline: none;      \r\n        \r\n         @media (min-width: 768px) {        \r\n            width: var(--lzm-width, 300px);        \r\n            min-width: var(--lzm-width, 300px);\r\n            max-width: var(--lzm-width, 300px);\r\n        }\r\n\r\n        &:hover {            \r\n            opacity: 0.9;      \r\n        }\r\n    }\r\n    \r\n    .lzm-lead-button-trigger svg {\r\n        flex-shrink: 0;        \r\n        width: var(--lzm-icon-size, 24px);\r\n        height: var(--lzm-icon-size, 24px);\r\n        min-width: var(--lzm-icon-size, 24px);\r\n        min-height: var(--lzm-icon-size, 24px);               \r\n        transition: all 0.2s ease;\r\n    }   \r\n    \r\n}\r\n\r\n.lzm-lead-button-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    overflow: hidden;\r\n    line-height: 1;    \r\n    background-color: var(--lzm-overlay-bg, rgba(0, 0, 0, 0.7));\r\n    z-index: 9999999;    \r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    backdrop-filter: blur(4px);    \r\n    cursor: default;\r\n    text-align: left;\r\n    color: #333; \r\n    font-weight: normal;\r\n    padding: 20px;\r\n    box-sizing: border-box;\r\n\r\n    &.lzm-hidden {\r\n        display: none !important;\r\n        visibility: hidden;\r\n        opacity: 0;\r\n    }\r\n\r\n    .lzm-modal {\r\n        display: flex;\r\n        flex-direction: column;\r\n        background: var(--lzm-modal-bg, #ffffff);\r\n        padding: 40px;\r\n        border-radius: 12px;\r\n        width: 90%;\r\n        max-width: 420px;\r\n        position: relative;\r\n        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\r\n        text-align: center;\r\n        animation: lzmPopIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);        \r\n        color: #333;\r\n        \r\n        h2 {\r\n            margin-top: 0;\r\n            margin-bottom: 20px;\r\n            font-size: 1.5rem;\r\n            font-weight: 600;\r\n            color: var(--lzm-modal-text, #1f2937);\r\n        }\r\n\r\n        input {\r\n            flex: 1 1 100%;\r\n            width: auto;\r\n            min-height: 44px;    \r\n            padding: var(--lzm-padding); \r\n            margin-bottom: 20px;\r\n            border: 2px solid #e2e8f0;\r\n            border-radius: 6px;\r\n            font-size: 16px;\r\n            color: #333;\r\n            text-align: center;\r\n            background: #fff;\r\n            border-radius: var(--lzm-radius);\r\n            box-sizing: border-box;\r\n            \r\n            &:focus {                \r\n                border-color: var(--lzm-modal-text, #1f2937);\r\n                outline: none;\r\n            }\r\n        }\r\n    }\r\n\r\n    .lzm-send-btn {\r\n        display: flex;\r\n        flex-direction: row;\r\n        justify-content: center;\r\n        align-items: center;       \r\n        line-height: 1;        \r\n        gap: var(--lzm-gap);\r\n        width: 100%;        \r\n        background-color: var(--lzm-modal-btn-bg, #25d366); \r\n        color: var(--lzm-modal-btn-text, #ffffff);\r\n        font-weight: var(--lzm-font-weight, 600);\r\n        font-size: var(--lzm-btn-font-size, 1.4rem);\r\n        border-color: var(--lzm-modal-btn-border-color, transparent);    \r\n        border-width: var(--lzm-border-top, 0px) var(--lzm-border-right, 0px) var(--lzm-border-bottom, 0px) var(--lzm-border-left, 0px);\r\n        border-style: var(--lzm-border-style, none);        \r\n        border-radius: var(--lzm-radius, 5px);\r\n        padding: var(--lzm-padding);\r\n        cursor: pointer;\r\n        transition: opacity 0.2s;\r\n        box-sizing: border-box;       \r\n        \r\n        &:disabled {\r\n            background-color: var(--lzm-modal-btn-bg, #25d366); \r\n            opacity: 0.7;\r\n            filter: grayscale(0.5);\r\n            cursor: not-allowed;            \r\n            pointer-events: none;\r\n        }\r\n\r\n        &:hover:not(:disabled) {\r\n            opacity: 0.9;\r\n        }\r\n\r\n        svg {\r\n            width: var(--lzm-icon-size, 24px);            \r\n            height: var(--lzm-icon-size, 24px);\r\n            min-width: var(--lzm-icon-size, 24px);\r\n            min-height: var(--lzm-icon-size, 24px);\r\n        }\r\n    }\r\n\r\n    .lzm-close {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 15px;\r\n        background: transparent;\r\n        border: none;\r\n        font-size: 44px;\r\n        color: var(--lzm-modal-text, #1f2937);\r\n        cursor: pointer;\r\n        padding: 0;\r\n        line-height: 1;\r\n        \r\n        &:hover {\r\n            opacity: 0.9;\r\n        }\r\n    }\r\n    \r\n}\r\n\r\n@keyframes lzmPopIn {\r\n    from { opacity: 0; transform: scale(0.95) translateY(10px); }\r\n    to { opacity: 1; transform: scale(1) translateY(0); }\r\n}"],"names":[],"sourceRoot":""}