{"version":3,"file":"conditions.css","mappings":";;;AAAA,gBAAgB;ACOhB;EACI;EACA;EACA,eCNW;EDOX;ADLJ;ACOI;EACI;ADLR;ACSA;EACI;EACA;EACA;ADNJ;ACSA;EACI;EACA;EACA;EACA;EACA;EACA;EAEA,mBC1BM;ED2BN,cC1BQ;ED2BR,kBCrBU;EDsBV;EAEA;EACA;ADRJ;ACUI;EACI;EACA;EACA;ADRR;ACWI;EACI;EACA;EACA;ADTR;ACcA;EACI;ADXJ;ACcA;EACI;IACI;IACA;EDXN;ECcE;IACI;IACA;EDZN;AACF;ACgBA;EACI;ADdJ;AGnDA;EACI;EACA;EACA;EACA;AHsDJ;AGnDA;EACI;EACA;EACA;AHsDJ;AGnDA;EACI;EACA;EACA;EACA;EACA;EACA;AHsDJ;AGnDA;EACI;EACA;EACA;EACA;AHsDJ;AGnDA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHsDJ;AGnDA;EACI;AHsDJ;AGnDA;EACI;AHsDJ;AGnDA;EACI;EACA;EACA;EACA;AHsDJ;AGpDI;EACI;EACA;AHsDR;AGnDI;EACI;AHqDR;AIjHI;EACI;EACA;AJoHR;AIjHI;EACI;EACA,cFRK;EESL;AJmHR;AIhHI;;;EAGI;EACA,YFVY;EEWZ;EAGA;EACA;EACA;AJgHR;AI9GQ;;;EACI,qBFvBG;EEwBH;EACA;AJkHZ;AI/GQ;;;EACI,yBF9BE;EE+BF;EACA;AJmHZ;AI7GI;EACI;EACA;AJ+GR;AI7GQ;EACI;AJ+GZ;AK1JI;EACI;AL4JR;AK1JQ;EACI;EACA;EACA;EACA;EACA;AL4JZ;AKzJQ;EACI;EACA;EACA;EACA;EACA;AL2JZ;AKvJQ;EACI;EACA;EACA;EACA;ALyJZ;AKvJY;EACI;EACA;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;ALoJhB;AKlJgB;EACI;EACA;ALoJpB;AKtJgB;EACI;EACA;ALoJpB;AKjJgB;EACI;EACA;ALmJpB;AK1IY;EACI;AL4IhB;AK1IgB;EACI;EACA;EACA;AL4IpB;AKvIY;EACI;ALyIhB;AKnIQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ALqIZ;AKnIY;EACI;EACA;EACA;ALqIhB;AKnIgB;EACI;ALqIpB;AK9HI;EACI;EACA;ALgIR;AK5HY;EACI;EACA;AL8HhB;AK3HY;EACI;EACA;AL6HhB;AK1HY;EAEI;EACA;EACA;EACA;AL2HhB;AKpHQ;EACI;ALsHZ;AK/GI;EACI;EACA;EACA;EACA;ALkHR;AKhHQ;EACI,YH1IQ;EG2IR;ALkHZ;AK/GQ;EACI;EACA;ALiHZ;AMvQA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AN0QJ;AMxQI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AN0QR;AMvQI;EACI;EACA;ANyQR;AMtQI;EACI;ANwQR;AMrQI;EACI,yBJ7BO;EI8BP;ANuQR;AMrQQ;EACI;ANuQZ;AMnQY;EACI;ANqQhB;AM/PA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANkQJ;AMhQI;EACI;ANkQR;AM7PA;AACA;EACI;ANgQJ;AM7PA;EACI;ANgQJ;AM5PI;EACI;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA,+HACI;AN2PZ;AMrPQ;EAEI;EACA;EACA;ANsPZ;AMnPQ;EACI;ANqPZ;AMlPQ;EACI;ANoPZ;AMhPI;EACI;EACA;EACA;ANkPR;AMhPQ;EACI;EACA;ANkPZ;AM/OQ;EACI;ANiPZ;AM7OI;EACI;EACA;EACA;AN+OR;AM7OQ;EACI;EACA;AN+OZ;AM5OQ;EACI;AN8OZ;AM1OI;EACI;EACA;EACA;AN4OR;AOlYA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APqYJ;AOnYI;EACI;EACA;APqYR;AOlYI;EACI;EACA;APoYR;AO1XA;EACI;AP6XJ;AO1XA;EACI;AP6XJ,C","sources":["webpack://snap-blocks/./assets/src/conditions/conditions.scss","webpack://snap-blocks/./assets/src/conditions/scss/_modal.scss","webpack://snap-blocks/./assets/src/conditions/scss/_vars.scss","webpack://snap-blocks/./assets/src/conditions/scss/_layout.scss","webpack://snap-blocks/./assets/src/conditions/scss/_fields.scss","webpack://snap-blocks/./assets/src/conditions/scss/_select2.scss","webpack://snap-blocks/./assets/src/conditions/scss/_buttons.scss","webpack://snap-blocks/./assets/src/conditions/scss/_context.scss"],"sourcesContent":["@charset \"UTF-8\";\n.snap-blocks-modal {\n  position: fixed;\n  inset: 0;\n  z-index: 100000;\n  display: none;\n}\n.snap-blocks-modal.is-open {\n  display: block;\n}\n\n.snap-blocks-modal-backdrop {\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.45);\n}\n\n.snap-blocks-modal-dialog {\n  position: relative;\n  max-width: 860px;\n  max-height: 90vh;\n  overflow: auto;\n  margin: 6vh auto;\n  padding: 28px 32px;\n  background: #F4F5F7;\n  color: #1d2327;\n  border-radius: 8px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);\n  font-size: 14px;\n  line-height: 1.5;\n}\n.snap-blocks-modal-dialog h2 {\n  margin: 0 0 20px;\n  font-size: 20px;\n  font-weight: 600;\n}\n.snap-blocks-modal-dialog h3 {\n  margin: 24px 0 0;\n  font-size: 15px;\n  font-weight: 600;\n}\n\n.snap-blocks-modal.is-open .snap-blocks-modal-dialog {\n  animation: snapModalFade 0.15s ease-out;\n}\n\n@keyframes snapModalFade {\n  from {\n    transform: translateY(-6px);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\nbody.snap-blocks-modal-open {\n  overflow: hidden;\n}\n\n.snap-blocks-placement-row {\n  display: grid;\n  grid-template-columns: 300px 1fr 80px;\n  gap: 12px;\n  margin: 2rem 0;\n}\n\n.snap-blocks-conditions {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.snap-blocks-condition-row {\n  display: grid;\n  grid-template-columns: 300px 1fr;\n  gap: 12px;\n  align-items: start;\n  margin-bottom: 1rem;\n  position: relative;\n}\n\n.snap-blocks-condition-actions {\n  display: flex;\n  align-self: normal;\n  gap: 6px;\n  position: relative;\n}\n\n.snap-blocks-modal-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 10px;\n  margin-top: 28px;\n  margin-bottom: -28px;\n  margin-left: -32px;\n  margin-right: -32px;\n  padding: 28px 32px;\n  border-top: 1px solid #dcdcde;\n  background-color: white;\n}\n\n.snap-blocks-title-description {\n  margin-bottom: 1rem;\n}\n\n.snap-blocks-conditions-footer {\n  margin-top: 2rem;\n}\n\n.snap-blocks-notice {\n  margin-top: 2rem;\n  padding: 1rem;\n  background-color: #fff8e1;\n  border-left: 4px solid #FF9800;\n}\n.snap-blocks-notice h3 {\n  margin: 0;\n  font-size: 1rem;\n}\n.snap-blocks-notice p {\n  margin-bottom: 0;\n}\n\n.snap-blocks-modal-dialog .snap-blocks-field {\n  display: flex;\n  flex-direction: column;\n}\n.snap-blocks-modal-dialog .snap-blocks-label {\n  font-size: 12px;\n  color: #646970;\n  margin-bottom: 4px;\n}\n.snap-blocks-modal-dialog select,\n.snap-blocks-modal-dialog input[type=number],\n.snap-blocks-modal-dialog input[type=text] {\n  width: 100%;\n  height: 48px;\n  padding: 6px 8px;\n  border: 1px solid #dcdcde;\n  border-radius: 4px;\n  font-size: 14px;\n}\n.snap-blocks-modal-dialog select:focus,\n.snap-blocks-modal-dialog input[type=number]:focus,\n.snap-blocks-modal-dialog input[type=text]:focus {\n  border-color: #5B7CFA;\n  box-shadow: 0 0 0 1px #5B7CFA;\n  outline: none;\n}\n.snap-blocks-modal-dialog select:disabled,\n.snap-blocks-modal-dialog input[type=number]:disabled,\n.snap-blocks-modal-dialog input[type=text]:disabled {\n  background-color: #dcdcde;\n  opacity: 0.5;\n  cursor: no-drop;\n}\n.snap-blocks-modal-dialog select[multiple] {\n  overflow: hidden;\n  padding-right: 28px;\n}\n.snap-blocks-modal-dialog select[multiple]::-webkit-scrollbar {\n  display: none;\n}\n.snap-blocks-modal .select2-container--default {\n  min-height: 76px !important;\n}\n.snap-blocks-modal .select2-container--default .select2-selection--multiple {\n  min-height: 48px !important;\n  padding: 4px !important;\n  border: 1px solid #ddd !important;\n  border-radius: 4px !important;\n  overflow: auto;\n}\n.snap-blocks-modal .select2-container--default .select2-selection__rendered {\n  display: flex !important;\n  flex-wrap: wrap !important;\n  align-items: flex-start !important;\n  gap: 4px !important;\n  padding: 2px !important;\n}\n.snap-blocks-modal .select2-container--default .select2-search--inline {\n  display: none !important;\n  flex: 1 1 100% !important;\n  width: 100% !important;\n  margin: 0 !important;\n}\n.snap-blocks-modal .select2-container--default .select2-search--inline .select2-search__field {\n  width: 100% !important;\n  padding: 6px 8px !important;\n  margin: 7px !important;\n  border: none !important;\n  background: transparent !important;\n  font-size: 14px !important;\n  line-height: 1.5 !important;\n  caret-color: #5B7CFA !important;\n  color: #000 !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\n.snap-blocks-modal .select2-container--default .select2-search--inline .select2-search__field::placeholder {\n  color: #999 !important;\n  opacity: 1 !important;\n}\n.snap-blocks-modal .select2-container--default .select2-search--inline .select2-search__field:focus {\n  outline: none !important;\n  background: transparent !important;\n}\n.snap-blocks-modal .select2-container--default.select2-container--open .select2-search--inline {\n  display: flex !important;\n}\n.snap-blocks-modal .select2-container--default.select2-container--open .select2-search--inline .select2-search__field {\n  display: block !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\n.snap-blocks-modal .select2-container--default.select2-container--open .select2-selection--multiple {\n  border-color: #5B7CFA !important;\n}\n.snap-blocks-modal .select2-container--default .select2-selection__choice {\n  background-color: #5B7CFA !important;\n  color: #fff !important;\n  border: none !important;\n  border-radius: 3px !important;\n  padding: 4px !important;\n  margin: 2px !important;\n  font-size: 12px !important;\n}\n.snap-blocks-modal .select2-container--default .select2-selection__choice .select2-selection__choice__remove {\n  color: #fff !important;\n  opacity: 0.8 !important;\n  margin-right: 6px;\n}\n.snap-blocks-modal .select2-container--default .select2-selection__choice .select2-selection__choice__remove:hover {\n  opacity: 1 !important;\n}\n.snap-blocks-modal .select2-dropdown {\n  border: 1px solid #5B7CFA !important;\n  top: -7px !important;\n}\n.snap-blocks-modal .select2-dropdown .select2-results__option--highlighted {\n  background-color: #5B7CFA !important;\n  color: #fff !important;\n}\n.snap-blocks-modal .select2-dropdown .select2-results__option--selected::before {\n  content: \"✓ \" !important;\n  color: #5B7CFA !important;\n}\n.snap-blocks-modal .select2-dropdown .select2-results__option.loading-results, .snap-blocks-modal .select2-dropdown .select2-results__option.select2-results__message {\n  position: absolute;\n  top: 5px;\n  width: 100%;\n  text-align: center;\n}\n.snap-blocks-modal .select2-results__option:focus {\n  outline: none !important;\n}\n\n.snap-blocks-modal .select2-selection--single {\n  height: auto !important;\n  margin: 0 !important;\n  border: none !important;\n  box-shadow: 0 0 12px -8px #000;\n}\n.snap-blocks-modal .select2-selection--single .select2-selection__rendered {\n  height: 48px;\n  line-height: 48px !important;\n}\n.snap-blocks-modal .select2-selection--single .select2-selection__arrow {\n  top: 50% !important;\n  transform: translateY(-50%);\n}\n\nbutton.button.snap-blocks-conditions-button {\n  display: flex !important;\n  justify-content: space-between;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.3rem 0.5rem !important;\n  background-color: #fff;\n  color: #111827;\n  border-color: #d1d5db;\n}\nbutton.button.snap-blocks-conditions-button::before {\n  content: \"\";\n  background-image: url(../../images/square-blocks.svg);\n  background-repeat: no-repeat;\n  background-size: contain;\n  width: 1.75rem;\n  height: 1.75rem;\n  display: block;\n  filter: invert(0.4);\n}\nbutton.button.snap-blocks-conditions-button:hover {\n  background-color: #f9fafb;\n  border-color: #9ca3af;\n}\nbutton.button.snap-blocks-conditions-button:focus-visible {\n  box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.15);\n}\nbutton.button.snap-blocks-conditions-button.has-conditions {\n  background-color: #5B7CFA;\n  color: white;\n}\nbutton.button.snap-blocks-conditions-button.has-conditions::before {\n  filter: invert(0);\n}\nbutton.button.snap-blocks-conditions-button.has-conditions:hover::before {\n  filter: invert(0.15);\n}\n\n.snap-blocks-condition-remove {\n  position: absolute;\n  top: 31px !important;\n  right: -24px !important;\n  padding: 0 !important;\n  font-size: 21px !important;\n  line-height: 21px !important;\n  width: 21px !important;\n  text-align: center !important;\n  background: none !important;\n  color: #dc2626 !important;\n  border: none !important;\n  cursor: pointer !important;\n}\n.snap-blocks-condition-remove:hover {\n  color: #b91c1c !important;\n}\n\n/* Hide remove button on first condition row */\n.snap-blocks-condition-row[data-index=\"0\"] .snap-blocks-condition-remove {\n  display: none !important;\n}\n\n#snap-blocks-reset {\n  margin-right: auto;\n}\n\n.snap-blocks-modal-dialog .button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  padding: 0.6em 1.1em;\n  border-radius: 6px;\n  border: 1px solid transparent;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1.2;\n  white-space: nowrap;\n  cursor: pointer;\n  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease;\n}\n.snap-blocks-modal-dialog .button:disabled, .snap-blocks-modal-dialog .button[disabled] {\n  opacity: 0.6;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.snap-blocks-modal-dialog .button:active {\n  transform: translateY(1px);\n}\n.snap-blocks-modal-dialog .button:focus-visible {\n  outline: none;\n}\n.snap-blocks-modal-dialog .button-primary {\n  background-color: #2563eb;\n  color: #fff;\n  border-color: #2563eb;\n}\n.snap-blocks-modal-dialog .button-primary:hover {\n  background-color: #1d4ed8;\n  border-color: #1d4ed8;\n}\n.snap-blocks-modal-dialog .button-primary:focus-visible {\n  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.35);\n}\n.snap-blocks-modal-dialog .button-secondary {\n  background-color: #fff;\n  color: #111827;\n  border-color: #d1d5db;\n}\n.snap-blocks-modal-dialog .button-secondary:hover {\n  background-color: #f9fafb;\n  border-color: #9ca3af;\n}\n.snap-blocks-modal-dialog .button-secondary:focus-visible {\n  box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.15);\n}\n.snap-blocks-modal-dialog .button-small {\n  padding: 0.35em 0.55em;\n  font-size: 13px;\n  border-radius: 4px;\n}\n\n.snap-blocks-context-selection {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  background-color: #311D7E;\n  margin-top: -28px;\n  margin-left: -32px;\n  margin-right: -32px;\n  padding: 28px 32px;\n}\n.snap-blocks-context-selection h2 {\n  margin: 0;\n  color: white;\n}\n.snap-blocks-context-selection select {\n  margin: 0;\n  background-color: white;\n}\n\n.snap-blocks-context {\n  display: none;\n}\n\n.snap-blocks-context.active {\n  display: block;\n}","@use 'vars' as *;\n\n\n// -----------------------------------------------------------------------------\n// Modal shell\n// -----------------------------------------------------------------------------\n\n.snap-blocks-modal {\n    position: fixed;\n    inset: 0;\n    z-index: $snap-modal-z;\n    display: none;\n\n    &.is-open {\n        display: block;\n    }\n}\n\n.snap-blocks-modal-backdrop {\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.45);\n}\n\n.snap-blocks-modal-dialog {\n    position: relative;\n    max-width: 860px;\n    max-height: 90vh;\n    overflow: auto;\n    margin: 6vh auto;\n    padding: 28px 32px;\n\n    background: $snap-bg;\n    color: $snap-text;\n    border-radius: $snap-radius;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);\n\n    font-size: 14px;\n    line-height: 1.5;\n\n    h2 {\n        margin: 0 0 20px;\n        font-size: 20px;\n        font-weight: 600;\n    }\n\n    h3 {\n        margin: 24px 0 0;\n        font-size: 15px;\n        font-weight: 600;\n    }\n}\n\n// subtle entrance\n.snap-blocks-modal.is-open .snap-blocks-modal-dialog {\n    animation: snapModalFade 0.15s ease-out;\n}\n\n@keyframes snapModalFade {\n    from {\n        transform: translateY(-6px);\n        opacity: 0;\n    }\n\n    to {\n        transform: translateY(0);\n        opacity: 1;\n    }\n}\n\n\nbody.snap-blocks-modal-open {\n    overflow: hidden;\n}","// -----------------------------------------------------------------------------\n// Variables\n// -----------------------------------------------------------------------------\n\n$snap-modal-z: 100000;\n\n$snap-bg: #F4F5F7;\n$snap-text: #1d2327;\n$snap-muted: #646970;\n$snap-border: #dcdcde;\n$snap-primary: #5B7CFA;\n$snap-secondary: #311D7E;\n\n$snap-radius: 8px;\n$snap-input-height: 48px;","@use 'vars' as *;\n\n\n// -----------------------------------------------------------------------------\n// Layout\n// -----------------------------------------------------------------------------\n\n.snap-blocks-placement-row {\n    display: grid;\n    grid-template-columns: 300px 1fr 80px;\n    gap: 12px;\n    margin: 2rem 0;\n}\n\n.snap-blocks-conditions {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.snap-blocks-condition-row {\n    display: grid;\n    grid-template-columns: 300px 1fr;\n    gap: 12px;\n    align-items: start;\n    margin-bottom: 1rem;\n    position: relative;\n}\n\n.snap-blocks-condition-actions {\n    display: flex;\n    align-self: normal;\n    gap: 6px;\n    position: relative;\n}\n\n.snap-blocks-modal-actions {\n    display: flex;\n    justify-content: flex-end;\n    gap: 10px;\n    margin-top: 28px;\n    margin-bottom: -28px;\n    margin-left: -32px;\n    margin-right: -32px;\n    padding: 28px 32px;\n    border-top: 1px solid $snap-border;\n    background-color: white;\n}\n\n.snap-blocks-title-description {\n    margin-bottom: 1rem;\n}\n\n.snap-blocks-conditions-footer {\n    margin-top: 2rem;\n}\n\n.snap-blocks-notice {\n    margin-top: 2rem;\n    padding: 1rem;\n    background-color: #fff8e1;\n    border-left: 4px solid #FF9800;\n\n    h3 {\n        margin: 0;\n        font-size: 1rem;\n    }\n\n    p {\n        margin-bottom: 0;\n    }\n}","@use 'vars' as *;\n\n\n// -----------------------------------------------------------------------------\n// Fields\n// -----------------------------------------------------------------------------\n\n.snap-blocks-modal-dialog {\n\n    .snap-blocks-field {\n        display: flex;\n        flex-direction: column;\n    }\n\n    .snap-blocks-label {\n        font-size: 12px;\n        color: $snap-muted;\n        margin-bottom: 4px;\n    }\n\n    select,\n    input[type='number'],\n    input[type='text'] {\n        width: 100%;\n        height: $snap-input-height;\n        padding: 6px 8px;\n\n\n        border: 1px solid $snap-border;\n        border-radius: 4px;\n        font-size: 14px;\n\n        &:focus {\n            border-color: $snap-primary;\n            box-shadow: 0 0 0 1px $snap-primary;\n            outline: none;\n        }\n\n        &:disabled {\n            background-color: $snap-border;\n            opacity: 0.5;\n            cursor: no-drop;\n        }\n    }\n\n    // IMPORTANT:\n    // Normalize native <select multiple> BEFORE Select2 init\n    select[multiple] {\n        overflow: hidden;\n        padding-right: 28px;\n\n        &::-webkit-scrollbar {\n            display: none;\n        }\n    }\n\n    select.snap-blocks-condition-type {\n        //margin-bottom: 28px;\n    }\n}","@use 'vars' as *;\n\n\n// -----------------------------------------------------------------------------\n// Select2 (inside modal only)\n// -----------------------------------------------------------------------------\n\n.snap-blocks-modal {\n\n    .select2-container--default {\n        min-height: 76px !important;\n\n        .select2-selection--multiple {\n            min-height: $snap-input-height !important;\n            padding: 4px !important;\n            border: 1px solid #ddd !important;\n            border-radius: 4px !important;\n            overflow: auto;\n        }\n\n        .select2-selection__rendered {\n            display: flex !important;\n            flex-wrap: wrap !important;\n            align-items: flex-start !important;\n            gap: 4px !important;\n            padding: 2px !important;\n        }\n\n        // Search input\n        .select2-search--inline {\n            display: none !important;\n            flex: 1 1 100% !important;\n            width: 100% !important;\n            margin: 0 !important;\n\n            .select2-search__field {\n                width: 100% !important;\n                padding: 6px 8px !important;\n                margin: 7px !important;\n                //margin-top: 12px !important;\n                border: none !important;\n                background: transparent !important;\n                font-size: 14px !important;\n                line-height: 1.5 !important;\n\n                // Make cursor very visible\n                caret-color: $snap-primary !important;\n                color: #000 !important;\n\n                // Ensure it's never hidden\n                opacity: 1 !important;\n                visibility: visible !important;\n\n                &::placeholder {\n                    color: #999 !important;\n                    opacity: 1 !important;\n                }\n\n                &:focus {\n                    outline: none !important;\n                    background: transparent !important;\n                }\n            }\n        }\n\n        // When open, ensure input is visible\n        &.select2-container--open {\n\n\n            .select2-search--inline {\n                display: flex !important;\n\n                .select2-search__field {\n                    display: block !important;\n                    opacity: 1 !important;\n                    visibility: visible !important;\n                }\n\n            }\n\n            .select2-selection--multiple {\n                border-color: $snap-primary !important;\n                //box-shadow: 0 0 0 1px $snap-primary !important;\n            }\n        }\n\n        // Tags\n        .select2-selection__choice {\n            background-color: $snap-primary !important;\n            color: #fff !important;\n            border: none !important;\n            border-radius: 3px !important;\n            padding: 4px !important;\n            margin: 2px !important;\n            font-size: 12px !important;\n\n            .select2-selection__choice__remove {\n                color: #fff !important;\n                opacity: 0.8 !important;\n                margin-right: 6px;\n\n                &:hover {\n                    opacity: 1 !important;\n                }\n            }\n        }\n    }\n\n    // Dropdown - prevent it from stealing focus visually\n    .select2-dropdown {\n        border: 1px solid $snap-primary !important;\n        top: -7px !important;\n\n\n        .select2-results__option {\n            &--highlighted {\n                background-color: $snap-primary !important;\n                color: #fff !important;\n            }\n\n            &--selected::before {\n                content: \"✓ \" !important;\n                color: $snap-primary !important;\n            }\n\n            &.loading-results,\n            &.select2-results__message {\n                position: absolute;\n                top: 5px;\n                width: 100%;\n                text-align: center;\n            }\n        }\n    }\n\n    // Remove focus outline from results to make input focus clearer\n    .select2-results__option {\n        &:focus {\n            outline: none !important;\n        }\n    }\n}\n\n.snap-blocks-modal {\n\n    .select2-selection--single {\n        height: auto !important;\n        margin: 0 !important;\n        border: none !important;\n        box-shadow: 0 0 12px -8px #000;\n\n        .select2-selection__rendered {\n            height: $snap-input-height;\n            line-height: $snap-input-height !important;\n        }\n\n        .select2-selection__arrow {\n            top: 50% !important;\n            transform: translateY(-50%);\n        }\n    }\n\n\n}","@use 'vars' as *;\n\n\n// -----------------------------------------------------------------------------\n// Buttons\n// -----------------------------------------------------------------------------\n\n\nbutton.button.snap-blocks-conditions-button {\n    display: flex !important;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.3rem 0.5rem !important;\n    background-color: #fff;\n    color: #111827;\n    border-color: #d1d5db;\n\n    &::before {\n        content: \"\";\n        background-image: url(../../images/square-blocks.svg);\n        background-repeat: no-repeat;\n        background-size: contain;\n        width: 1.75rem;\n        height: 1.75rem;\n        display: block;\n        filter: invert(0.4);\n    }\n\n    &:hover {\n        background-color: #f9fafb;\n        border-color: #9ca3af;\n    }\n\n    &:focus-visible {\n        box-shadow: 0 0 0 3px rgba(17, 24, 39, .15);\n    }\n\n    &.has-conditions {\n        background-color: $snap-primary;\n        color: white;\n\n        &::before {\n            filter: invert(0);\n        }\n\n        &:hover {\n            &::before {\n                filter: invert(0.15);\n            }\n        }\n    }\n}\n\n.snap-blocks-condition-remove {\n    position: absolute;\n    top: 31px !important;\n    right: -24px !important;\n    padding: 0 !important;\n    font-size: 21px !important;\n    line-height: 21px !important;\n    width: 21px !important;\n    text-align: center !important;\n    background: none !important;\n    color: #dc2626 !important;\n    border: none !important;\n    cursor: pointer !important;\n\n    &:hover {\n        color: #b91c1c !important;\n    }\n}\n\n\n/* Hide remove button on first condition row */\n.snap-blocks-condition-row[data-index=\"0\"] .snap-blocks-condition-remove {\n    display: none !important;\n}\n\n#snap-blocks-reset {\n    margin-right: auto;\n}\n\n.snap-blocks-modal-dialog {\n    .button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: .5rem;\n\n        padding: .6em 1.1em;\n        border-radius: 6px;\n        border: 1px solid transparent;\n\n        font-size: 14px;\n        font-weight: 600;\n        line-height: 1.2;\n        white-space: nowrap;\n        cursor: pointer;\n\n        transition:\n            background-color .15s ease,\n            border-color .15s ease,\n            color .15s ease,\n            box-shadow .15s ease,\n            transform .05s ease;\n\n        &:disabled,\n        &[disabled] {\n            opacity: .6;\n            cursor: not-allowed;\n            pointer-events: none;\n        }\n\n        &:active {\n            transform: translateY(1px);\n        }\n\n        &:focus-visible {\n            outline: none;\n        }\n    }\n\n    .button-primary {\n        background-color: #2563eb;\n        color: #fff;\n        border-color: #2563eb;\n\n        &:hover {\n            background-color: #1d4ed8;\n            border-color: #1d4ed8;\n        }\n\n        &:focus-visible {\n            box-shadow: 0 0 0 3px rgba(37, 99, 235, .35);\n        }\n    }\n\n    .button-secondary {\n        background-color: #fff;\n        color: #111827;\n        border-color: #d1d5db;\n\n        &:hover {\n            background-color: #f9fafb;\n            border-color: #9ca3af;\n        }\n\n        &:focus-visible {\n            box-shadow: 0 0 0 3px rgba(17, 24, 39, .15);\n        }\n    }\n\n    .button-small {\n        padding: .35em .55em;\n        font-size: 13px;\n        border-radius: 4px;\n    }\n}","@use 'vars' as *;\n\n// -----------------------------------------------------------------------------\n// Select\n// -----------------------------------------------------------------------------\n\n.snap-blocks-context-selection {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: center;\n    background-color: $snap-secondary;\n    margin-top: -28px;\n    margin-left: -32px;\n    margin-right: -32px;\n    padding: 28px 32px;\n\n    h2 {\n        margin: 0;\n        color: white;\n    }\n\n    select {\n        margin: 0;\n        background-color: white;\n    }\n}\n\n#snap-blocks-context-select {}\n\n// -----------------------------------------------------------------------------\n// Contexts\n// -----------------------------------------------------------------------------\n\n.snap-blocks-context {\n    display: none;\n}\n\n.snap-blocks-context.active {\n    display: block;\n}"],"names":[],"sourceRoot":""}