{"version":3,"file":"admin/css/panel.css","mappings":"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;;AAoHA;EACE;EACA;EACA;EACA;AAjHF;AAmHE;;EAEE;EACA;EACA;AAjHJ;AAoHE;;EAEE;EACA;EACA;AAlHJ;AAqHE;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnHJ;AAsHE;EACE;AApHJ;;AAyHA;EACE;EACA;EACA;EACA;AAtHF;AAuHE;;EAEE;EACA;EACA;AArHJ;AAwHE;;EAEE;EACA;EACA;AAtHJ;AAyHE;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvHJ;AA0HE;EACE;AAxHJ;AA2HE;EACE;EACA;EACA;EACA;AAzHJ;;AA6HA;EACE;AA1HF;;AA4HA;EACE;AAzHF;;AA2HA;EACE;EACA;EACA;AAxHF;;AA0HA;EACE;AAvHF;;AAyHA;EACE;EACA;EACA;AAtHF;;AAwHA;EACE;EACA;AArHF;;AAuHA;EACE;AApHF;;AAuHA;EACE;AApHF;;AAyHI;EACE;AAtHN;AAwHM;EACE;AAtHR;AA0HI;EACE;AAxHN;AA4HM;EACE;AA1HR;AA6HM;EACE;AA3HR;AA+HI;EACE;EACA;AA7HN;AAiIE;EACE;EACA;AA/HJ;;AAqII;EACE;AAlIN;AAmIM;EACE;AAjIR;;AAuIA;EACE;EACA;EACA;AApIF;AAsIE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AApIJ;AAuIE;EACE;AArIJ;AAuII;EACE;EACA;AArIN;AAwII;EACE;EACA;AAtIN;AA0IE;EACE;AAxIJ;AA0II;EACE;EACA;AAxIN;AA2II;EACE;EACA;AAzIN;;AA8IA;EACE;AA3IF;;AA8IA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA3IF;;AAgJI;EACE;AA7IN;;AAoJI;EACE;AAjJN;;AAwJI;EACE;AArJN;;AA0JA;EACE;EACA;AAvJF;;AA0JA;EACE;AAvJF;AAwJE;EACE;AAtJJ;;AA2JA;EACE;AAxJF;;AA2JA;EACE;EACA;EACA;EACA;EACA;EACA;AAxJF;AA0JE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAxJJ;;AA6JA;EACE;EACA;EACA;EACA;EACA;EACA;AA1JF;;AA6JA;EACE;EACA;EACA;AA1JF;;AA6JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1JF;;AA6JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA1JF;;AA6JA;EACE;EACA;EACA;EACA;AA1JF;;AA6JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1JF;AA4JE;EACE;EACA;AA1JJ;;AA8JA;EACE;EACA;EACA;EACA;AA3JF;AA6JE;EACE;EACA;EACA;EACA;EACA;AA3JJ;;AA+JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5JF;AA8JE;EACE;AA5JJ;;AAgKA;EACE;AA7JF;;AAgKA;EACE;AA7JF,C","sources":["webpack://@codecanel/before-after-image-slider/./src/admin/styles/panel.scss"],"sourcesContent":["// Panel Class Prefix.\n@import url(\"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap\");\n\n$plugin-prefix: \"coca_bais\" !default;\n\n##{$plugin-prefix}__edit_panel_root {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  min-height: 40px;\n  margin-top: 20px;\n  // background-color: #fff;\n  // border: 1px solid #c3c4c7;\n  box-shadow: 0 1px 1px rgb(0 0 0 / 4%);\n  transition: 300ms ease-in-out;\n  font-family: \"Plus Jakarta Sans\", sans-serif;\n\n  // &::before {\n  //   position: absolute;\n  //   top: 50%;\n  //   left: 50%;\n  //   display: block;\n  //   width: 15px;\n  //   height: 15px;\n  //   margin-top: -11px;\n  //   content: \"\";\n  //   border-color: rgb(234 84 0 / 100%) transparent rgb(234 84 0 / 100%) transparent;\n  //   border-style: solid;\n  //   border-width: 2px;\n  //   border-radius: 50%;\n  //   transform: translate(-50%, -50%);\n  //   animation: coca-dual-ring-anime 1000ms linear infinite;\n  // }\n\n  .panel-wrapper {\n    z-index: 10;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n\n    .coca-bais-panel {\n      .components-tab-panel__tabs {\n        // border-bottom: 2px solid #c3c4c7;\n        margin-bottom: 28px;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n      }\n\n      .components-tab-panel__tabs-item {\n        transition: 300ms ease-in-out;\n        background-color: #f8f8f8;\n        border-radius: 14px;\n        height: 40px !important;\n        padding: 0 24px;\n\n        &:hover {\n          color: #4a25e1;\n        }\n\n        &:after {\n          bottom: -1.6px;\n          height: 0px;\n          background: red;\n          outline: 2px solid transparent;\n          outline-offset: -1px;\n        }\n\n        &.is-active:after {\n          background: red;\n          height: 0px;\n        }\n        &.is-active {\n          // background: #4a25e1;\n          background: linear-gradient(135deg, #4a25e1, #7b5aff);\n          color: #fff;\n          box-shadow: 0px 5px 27px -10px rgba(96, 60, 255, 0.48);\n        }\n      }\n\n      .components-panel {\n        border: none;\n        background-color: transparent;\n      }\n\n      .components-panel__body {\n        padding: 0;\n        border-radius: 14px;\n        margin-bottom: 18px;\n        background-color: white;\n        box-shadow: 0px 5px 12px 4px rgba(112, 144, 176, 0.08);\n\n        // border-color: rgba(234, 84, 0, 1);\n        transition: 300ms ease-in-out;\n        &:not(.is-opened) {\n          .components-panel__body-title {\n            border-radius: 14px;\n            border-bottom: none;\n          }\n        }\n\n        .components-panel__body-title {\n          background-color: white !important;\n          border-bottom: 1px solid #ddd;\n          border-radius: 14px 14px 0px 0px;\n\n          button {\n            color: #1b2559 !important;\n            font-weight: 600;\n            font-size: 16px;\n          }\n          svg {\n            color: #475467 !important;\n          }\n        }\n\n        .components-panel__row {\n          flex-direction: column;\n          gap: 0;\n          align-items: flex-start;\n          justify-content: flex-start;\n          padding-right: 20px;\n          padding-left: 20px;\n          transition: 300ms ease-in-out;\n\n          .field-col {\n            flex-direction: column !important;\n            gap: 16px !important;\n          }\n\n          .field-col__row {\n            flex-direction: column !important;\n            gap: 16px !important;\n            @media (max-width: 700px) {\n              flex-direction: row !important;\n              gap: 16px !important;\n            }\n          }\n\n          // .field-control__grid {\n          //   display: grid;\n          //   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n          //   gap: 20px;\n          //   width: 100%;\n          // }\n\n          .field-control__grid {\n            display: grid;\n            grid-template-columns: auto auto auto auto;\n            gap: 20px;\n            width: 100%;\n\n            // Responsive breakpoints\n            @media (max-width: 1024px) {\n              grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n              gap: 16px;\n            }\n\n            @media (max-width: 768px) {\n              grid-template-columns: 1fr;\n              gap: 14px;\n            }\n\n            @media (max-width: 480px) {\n              grid-template-columns: 1fr;\n              gap: 12px;\n            }\n          }\n\n          .field-control__grid__label {\n            display: grid;\n            grid-template-columns: auto auto;\n            gap: 20px;\n            width: 100%;\n\n            // Responsive breakpoints\n            @media (max-width: 1024px) {\n              grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n              gap: 16px;\n            }\n\n            @media (max-width: 768px) {\n              grid-template-columns: 1fr;\n              gap: 14px;\n            }\n\n            @media (max-width: 480px) {\n              grid-template-columns: 1fr;\n              gap: 12px;\n            }\n          }\n\n          .field-control__grid__label_field {\n            display: grid;\n            grid-template-columns: auto auto;\n            gap: 20px;\n            width: 100%;\n\n            // Responsive breakpoints\n            @media (max-width: 1347px) {\n              grid-template-columns: auto;\n              gap: 16px;\n            }\n\n            @media (max-width: 768px) {\n              grid-template-columns: 1fr;\n              gap: 14px;\n            }\n\n            @media (max-width: 480px) {\n              grid-template-columns: 1fr;\n              gap: 12px;\n            }\n          }\n\n          .field-control {\n            align-items: center;\n            justify-content: space-between;\n            width: 100%;\n\n            .components-grid {\n              width: 200px;\n\n              .components-unit-control__select {\n                width: 40px;\n                border: 1px solid #ddd;\n                appearance: auto;\n                -webkit-appearance: auto;\n                -moz-appearance: auto;\n              }\n            }\n\n            &:not(.field-gap) {\n              padding-top: 20px;\n              padding-bottom: 20px;\n            }\n\n            // &:not(.field-gap, :last-child:not(:first-child)) {\n            //   border-bottom: 1px solid #dddd;\n            // }\n\n            .field-control__label {\n              max-width: 160px;\n              font-size: 14px;\n              // text-transform: capitalize;\n              font-weight: 400;\n              color: #475467;\n            }\n\n            &,\n            .fields-wrapper {\n              display: flex;\n              flex-direction: row;\n            }\n\n            .fields-wrapper {\n              display: flex;\n              flex-direction: row;\n              gap: 20px;\n              justify-content: flex-start;\n\n              .components-radio-control__group-wrapper {\n                flex-direction: row !important;\n                justify-content: flex-start;\n                .components-radio-control__option {\n                  display: flex;\n\n                  .components-radio-control__input {\n                    border-radius: 100%;\n                  }\n                  .components-radio-control__input[type=\"radio\"]:checked {\n                    background-color: #4a25e1 !important;\n                  }\n                }\n              }\n\n              .components-base-control.coca-unit-control {\n                .components-unit-control__select {\n                  width: auto;\n                  appearance: auto;\n                  -webkit-appearance: auto;\n                  -moz-appearance: auto;\n                  border-left: 1px solid #ddd;\n                }\n              }\n\n              .components-base-control.large-input {\n                .components-base-control__field {\n                  width: 200px;\n                }\n              }\n\n              .components-base-control,\n              .components-base-control__field {\n                margin-bottom: 0;\n\n                .components-input-control__backdrop {\n                  border-radius: 6px;\n                }\n\n                .components-range-control__root {\n                  .components-range-control__reset {\n                    box-shadow: none;\n                    color: #4a25e1;\n                  }\n\n                  .components-range-control__thumb-wrapper {\n                    background-color: #4a25e1;\n\n                    span {\n                      background-color: #4a25e1;\n\n                      &::before {\n                        background-color: #603cff7a;\n                      }\n                    }\n                  }\n                }\n              }\n\n              .field {\n                transition: 300ms ease-in-out;\n\n                .component-color-indicator {\n                  border-radius: 4px;\n                  // border: 1px solid #d0d5dd;\n                  // background: #fff;\n                  // box-shadow: none;\n                }\n              }\n\n              .large-select {\n                select {\n                  line-height: 1.5;\n                  width: 200px;\n                  padding: 3px 26px 3px 8px;\n                  font-family: \"Plus Jakarta Sans\", sans-serif !important;\n\n                  option {\n                    // color: red !important;\n                    font-family: \"Plus Jakarta Sans\", sans-serif !important;\n                  }\n                }\n              }\n\n              input {\n                border-radius: 6px;\n              }\n\n              fieldset,\n              .components-range-control {\n                width: 100%;\n              }\n\n              .components-popover__content {\n                position: relative;\n                min-width: max-content;\n                max-height: none;\n              }\n            }\n\n            > * {\n              width: 100%;\n            }\n          }\n\n          .field-control__start {\n            align-items: flex-start !important;\n          }\n        }\n\n        &.is-opened .components-panel__body-title {\n          background-color: rgb(234 84 0 / 100%);\n        }\n\n        .components-panel__body-title {\n          background-color: #2b2a2a;\n          outline: none !important;\n          button {\n            .components-panel__body-title__content {\n              display: flex;\n              align-items: center;\n              gap: 6px;\n            }\n          }\n\n          button,\n          svg {\n            color: #fff;\n          }\n\n          .components-button {\n            outline: none !important;\n            box-shadow: none !important;\n          }\n\n          &,\n          button,\n          svg {\n            transition: 300ms ease-in-out;\n          }\n\n          &:hover {\n            background-color: rgb(234 84 0 / 100%);\n\n            button,\n            svg {\n              color: #fff;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.post-type-#{$plugin-prefix} #wpwrap {\n  overflow: hidden;\n\n  .column-shortcode {\n    width: 14%;\n  }\n\n  .column-before_image,\n  .column-middle_image,\n  .column-after_image,\n  .column-indicator_image {\n    img {\n      max-width: 100%;\n      height: 125px;\n    }\n  }\n\n  // stylelint-disable-next-line\n  #coca_bais_copy_html {\n    position: absolute;\n    top: 40px;\n    right: 145px;\n    display: block;\n    padding: 10px 20px;\n    user-select: none;\n    background: #ddd;\n    border-radius: 5px;\n    box-shadow: 0 40px 70px 0 rgb(0 0 0 / 5%);\n    opacity: 0;\n    transition: 300ms ease-in-out;\n    transform: translateX(200%);\n  }\n}\n\n@keyframes coca-dual-ring-anime {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.youtube-wrap-before .components-base-control.css-qy3gpb.ej5x27r4,\n.youtube-wrap-after .components-base-control.css-qy3gpb.ej5x27r4 {\n  width: 100%;\n}\n\n.border-bottom-none {\n  border-bottom: none !important;\n}\n.wp-list-table.posts {\n  // Global table styles for all cells\n  td,\n  th {\n    vertical-align: middle !important;\n  }\n\n  // Title column special handling\n  .column-title {\n    vertical-align: middle !important;\n\n    .row-title {\n      vertical-align: middle;\n      display: inline-flex;\n      align-items: center;\n      margin-top: 5px;\n    }\n\n    .row-actions {\n      padding-top: 4px;\n    }\n  }\n\n  // Check column centering\n  .check-column {\n    text-align: center;\n    vertical-align: middle !important;\n\n    input[type=\"checkbox\"] {\n      margin: 0 auto;\n      display: block;\n    }\n  }\n\n  // Apply to all columns that need centering\n  .column-type,\n  .column-shortcode,\n  .column-before_image,\n  .column-after_image,\n  .column-middle_image,\n  .column-indicator_image {\n    text-align: center;\n    vertical-align: middle;\n\n    // Center content inside cells\n    > * {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      margin: 0 auto;\n    }\n\n    // Center span elements\n    span {\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    // Center shortcode input\n    input.coca_bais_slider_shortcode {\n      text-align: center;\n      margin: 0 auto;\n      padding: 5px;\n      background: #f9f9f9;\n      border: 1px solid #ddd;\n      border-radius: 3px;\n    }\n\n    // Center images\n    img {\n      display: block;\n      margin: 0 auto;\n      max-width: 100%;\n      height: auto;\n    }\n  }\n\n  // Fix video container height\n  .video-preview {\n    aspect-ratio: 16 / 9;\n    min-height: 80px;\n  }\n\n  // Date column centering\n  .column-date {\n    vertical-align: middle !important;\n    // text-align: center;\n  }\n}\n#adminmenu {\n  .toplevel_page_edit-post_type-coca_bais {\n    .wp-menu-image {\n      &::before {\n        content: \"\";\n      }\n    }\n  }\n}\n\n.coca_bais_slider_shortcode {\n  min-width: 165px;\n}\n\n.wp-list-table {\n  .video-preview {\n    max-width: 165px;\n    width: 165px;\n    height: 100px;\n\n    iframe,\n    video {\n      width: 100%;\n      height: 100%;\n      border-radius: 4px;\n    }\n  }\n}\n\n// Video preview styles\n.video-preview {\n  position: relative;\n  width: 100%;\n  height: 80px;\n  text-align: center;\n\n  .youtube-preview,\n  .uploaded-video-preview {\n    padding: 0 !important;\n    overflow: hidden;\n    background: #4b4848;\n  }\n\n  .youtube-thumbnail,\n  .video-thumbnail {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .youtube-icon,\n  .video-icon {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 30px !important;\n    color: #fff;\n    background: rgba(0, 0, 0, 0.5);\n    border-radius: 50%;\n    padding: 5px;\n  }\n\n  .dashicons-video-alt3::before {\n    color: #ff0000 !important;\n  }\n}\n\n// Video preview styles\n.video-preview {\n  position: relative;\n  width: 100%;\n  height: 110px;\n  text-align: center;\n  .youtube-preview,\n  .uploaded-video-preview {\n    padding: 0 !important;\n    overflow: hidden;\n    background: #4b4848;\n  }\n\n  .youtube-thumbnail,\n  .video-thumbnail {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .youtube-icon,\n  .video-icon {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 30px !important;\n    color: #fff;\n    background: rgba(0, 0, 0, 0.5);\n    border-radius: 50%;\n    padding: 5px;\n  }\n\n  .dashicons-video-alt3::before {\n    color: #ff0000 !important;\n  }\n\n  video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n}\n\n.notice-warning .coca-bais-major-update-warning__separator {\n  border: 1px solid #ffb900;\n}\n.coca-bais-major-update-warning__separator {\n  margin: 15px -12px;\n}\n.coca-bais-major-update-warning {\n  display: flex;\n  margin-block-end: 5px;\n  max-width: 1000px;\n}\n.notice-warning .coca-bais-major-update-warning__icon {\n  color: #f56e28;\n}\n.coca-bais-major-update-warning__icon {\n  font-size: 17px;\n  margin-inline-end: 9px;\n  margin-inline-start: 2px;\n}\n.coca-bais-major-update-warning__title {\n  font-weight: 600;\n  margin-block-end: 10px;\n}\n.coca-bais-major-update-warning + p {\n  display: none !important;\n}\n\ntd.plugin-title.column-primary {\n  border: 5px solid red;\n}\n\n.coca-toggle__control {\n  .components-form-toggle {\n    .components-form-toggle__track {\n      background-color: #fdecec;\n\n      &:focus {\n        box-shadow: 0 0 0 #fff;\n      }\n    }\n\n    .components-form-toggle__thumb {\n      background-color: #b71212 !important;\n    }\n\n    &.is-checked {\n      .components-form-toggle__track {\n        background-color: #12b76a; // active background\n      }\n\n      .components-form-toggle__thumb {\n        background-color: white !important;\n      }\n    }\n\n    .components-form-toggle__thumb {\n      background-color: white;\n      box-shadow: 0px 5px 27px -10px rgba(96, 60, 255, 0.48); // your Figma drop shadow\n    }\n  }\n\n  .components-base-control__field {\n    gap: 10px;\n    align-items: center;\n  }\n}\n\n#titlediv {\n  #titlewrap {\n    #title {\n      border-radius: 14px;\n      &:focus {\n        box-shadow: 0px 3px 6px 1px rgba(112, 144, 176, 0.06);\n      }\n    }\n  }\n}\n\n.toggle-switch {\n  display: inline-flex;\n  border-radius: 4px;\n  overflow: hidden;\n\n  .toggle-btn {\n    padding: 10px 14px;\n    border: none;\n    cursor: pointer;\n    transition: all 0.4s ease;\n    font-weight: 500;\n    font-size: 14px;\n    border-radius: 4px;\n  }\n\n  &.yes {\n    background-color: #ecfdf3;\n\n    .no-btn {\n      background-color: transparent;\n      color: #444;\n    }\n\n    .yes-btn {\n      background-color: #12b76a;\n      color: white;\n    }\n  }\n\n  &.no {\n    background-color: #fdecec;\n\n    .yes-btn {\n      background-color: transparent;\n      color: #444;\n    }\n\n    .no-btn {\n      background-color: #b71212;\n      color: white;\n    }\n  }\n}\n\n.fw-600 {\n  font-weight: 500 !important;\n}\n\n#publish[type=\"submit\"] {\n  background: linear-gradient(135deg, #4a25e1, #7b5aff);\n  color: #fff;\n  transition: all 0.3s ease;\n  border-radius: 14px;\n  padding: 0px 20px;\n  font-size: 14px;\n  font-weight: 600;\n}\n\n#visibility {\n  a {\n    span {\n      color: #603cff !important;\n    }\n  }\n}\n\n.misc-pub-curtime {\n  a {\n    span {\n      color: #603cff !important;\n    }\n  }\n}\n\n.misc-pub-post-status {\n  a {\n    span {\n      color: #603cff !important;\n    }\n  }\n}\n\n.components-unit-control__select {\n  width: 100px;\n  appearance: auto;\n}\n\nselect {\n  font-family: \"Plus Jakarta Sans\", sans-serif !important;\n  option {\n    font-family: \"Plus Jakarta Sans\", sans-serif !important;\n  }\n}\n\n// Preview button floating in the tab row\n.coca-bais-tabs-wrapper {\n  position: relative;\n}\n\n.coca-bais-preview-btn-wrapper {\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  height: 40px; // matches tab button height\n\n  .coca-bais-preview-open-btn.components-button {\n    background: linear-gradient(135deg, #4a25e1, #7b5aff) !important;\n    border: none !important;\n    border-radius: 10px !important;\n    padding: 0 20px !important;\n    height: 40px !important;\n    font-size: 13px !important;\n    font-weight: 600 !important;\n    box-shadow: 0 4px 16px -4px rgba(96, 60, 255, 0.55) !important;\n    color: #fff !important;\n    white-space: nowrap;\n  }\n}\n\n// Preview modal overlay (rendered via React portal into document.body)\n.coca-bais-preview-overlay {\n  position: fixed;\n  inset: 0;\n  z-index: 999999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.coca-bais-preview-backdrop {\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.82);\n}\n\n.coca-bais-preview-modal {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  width: calc(100vw - 64px);\n  max-width: 1400px;\n  height: calc(100vh - 64px);\n  background: #1a1a1a;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.6);\n}\n\n.coca-bais-preview-modal-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 14px 20px;\n  background: #111;\n  border-bottom: 1px solid #2a2a2a;\n  flex-shrink: 0;\n}\n\n.coca-bais-preview-modal-title {\n  color: #fff;\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: 0.3px;\n}\n\n.coca-bais-preview-close {\n  background: none;\n  border: none;\n  color: #aaa;\n  font-size: 18px;\n  line-height: 1;\n  cursor: pointer;\n  padding: 4px 8px;\n  border-radius: 6px;\n  transition: color 150ms, background 150ms;\n\n  &:hover {\n    color: #fff;\n    background: rgba(255, 255, 255, 0.1);\n  }\n}\n\n.coca-bais-preview-modal-body {\n  flex: 1;\n  overflow: hidden;\n  display: flex;\n  align-items: stretch;\n\n  .coca-bais-preview-iframe {\n    display: block;\n    width: 100%;\n    height: 100%;\n    border: none;\n    background: #111;\n  }\n}\n\n.coca-bais-preview-status {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  flex: 1;\n  padding: 40px 20px;\n  color: #888;\n  font-size: 14px;\n  width: 100%;\n\n  .components-spinner {\n    flex-shrink: 0;\n  }\n}\n\n.coca-bais-preview-error {\n  color: #f87171;\n}\n\n.coca-bais-preview-empty {\n  text-align: center;\n}\n"],"names":[],"sourceRoot":""}