{"version":3,"sources":["abstracts/_placeholders.scss","abstracts/variables/_colors.scss","abstracts/variables/_radius.scss","options-page.css","options/_layout.scss","abstracts/variables/_typography.scss","abstracts/variables/_layout.scss","abstracts/variables/_spacing.scss","abstracts/variables/_shadows.scss","options/_sidebar.scss","options/_color.scss","options/_content.scss","options/_sections.scss","options/_general.scss","options/_buttons.scss","abstracts/variables/_motion.scss","options/_fields.scss","options/_slider.scss","options/_media.scss","options/_code.scss","options/_wysiwyg.scss","options/_repeater.scss","options/_typography.scss","options/_spacing.scss","options/_button-group.scss","options/_notice.scss","options/_date.scss","options/_footer.scss","options/_confirm.scss"],"names":[],"mappings":"AAIA;;EACC,cCaY;EDZZ,uBAAA;EACA,yBAAA;EACA,aAAA;EACA,kBERW;EFSX,gBAAA;EACA,aAAA;EACA,eAAA;EACA,mBAAA;EACA,uBAAA;EACA,yBAAA;EACA,mBAAA;AGFD;AHIC;;;EAEC,YAAA;EACA,qBCjBoB;EDkBpB,cCJW;EDKX,gBAAA;AGDF;AHIC;;EACC,uBAAA;EACA,oBAAA;AGDF;;AHKA;EAIC,WCvBgB;EDwBhB,mBCpCe;EDqCf,yBAAA;AGLD;AHOC;EAEC,WC7Be;ED8Bf,mBCxCmB;EDyCnB,yBAAA;AGNF;;ACpCA;EACC,kBCIe;AFmChB;;ACpCA;EACC,eENmB;EFOnB,qBGDU;EHEV,aAAA;ADuCD;ACrCC;EACC,kBCLc;EDMd,gBCFqB;EDGrB,gBAAA;EACA,UAAA;EACA,aAAA;ADuCF;;ACnCA;EACC,cAAA;EACA,gBHTgB;EGUhB,yBAAA;EACA,mBFpBY;EEqBZ,4CIvBW;EJwBX,cAAA;ADsCD;ACpCC;EACC,aAAA;EACA,gCAAA;EACA,iBAAA;EAEA,mHAAA;ADqCF;AC5BC;EACC,uBAAA;AD8BF;AC5BE;EACC,eAAA;AD8BH;;ACzBA;EAEC;IACC,aAAA;IACA,eAAA;IACA,aAAA;IACA,gBH5Ce;EEuEf;AACF;AMnFA;EACC,uBAAA;EACA,kBAAA;EACA,uBAAA;EACA,aAAA;EACA,sBAAA;EACA,gBAAA;EACA,6CAAA;EACA,8DAAA;EACA,gBAAA;EACA,iBAAA;ANqFD;;AMlFA;EACC,aAAA;EACA,mBAAA;EACA,WFdU;EEeV,8BAAA;EACA,gCAAA;EACA,mBFfU;AJoGX;AMnFC;EACC,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,WAAA;EACA,YAAA;EACA,kBP5BU;EO6BV,mBR9Bc;EQ+Bd,WRnBe;EQoBf,kBJ3Bc;EI4Bd,cAAA;ANqFF;AMlFC;EACC,gBJ3BqB;EI4BrB,kBJlCa;EImCb,cRtBW;EQuBX,OAAA;EACA,YAAA;ANoFF;AMjFC;EACC,iBJ9Ca;EI+Cb,gBJpCqB;EIqCrB,cR/Cc;EQgDd,mCAAA;EACA,oBP7CY;EO8CZ,sBAAA;EACA,mBAAA;EACA,cAAA;ANmFF;;AM/EA;EACC,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,eFrDW;EEsDX,mBR7De;EQ8Df,YAAA;EACA,mBP7DW;EO8DX,kBAAA;ANkFD;AMhFC;EACC,cRnEc;EQoEd,iBAAA;EACA,WAAA;EACA,YAAA;EACA,gBR3De;EQ4Df,eFrES;EEsET,sBFrES;EEsET,oBAAA;EACA,aAAA;EACA,eAAA;EACA,uBAAA;EACA,mBAAA;ANkFF;AM/EC;EACC,kBJ/Ea;EIgFb,gBJzEqB;EI0ErB,WRxEe;EQyEf,SAAA;ANiFF;AM9EC;EACC,mBJvFa;EIwFb,WR9Ee;EQ+Ef,SAAA;EACA,sBFxFS;AJwKX;AM7EC;EACC,cAAA;EACA,WAAA;EACA,kBAAA;EACA,gBRvFe;EQwFf,cRnFW;EQoFX,YAAA;EACA,kBPtGU;EOuGV,oBAAA;EACA,mBJtGa;EIuGb,gBJ/FqB;EIgGrB,qBAAA;EACA,wDAAA;EACA,8CAAA;AN+EF;AM7EE;EAEC,mBR9GkB;EQ+GlB,sBAAA;EACA,8CAAA;AN8EH;AM1EC;EACC,gBR3Ge;EQ4Gf,kBR5Ge;EQ6Gf,cRtGgB;AEkLlB;AM1EE;EAGC,mBR5HkB;EQ6HlB,qBR7HkB;EQ8HlB,WR5GkB;AEsLrB;;AMrEA;EACC,iBJvIc;EIwId,gBJ7HsB;EI8HtB,sBAAA;EACA,yBAAA;EACA,cRxHkB;EQyHlB,0BAAA;ANwED;;AMrEA;EACC,aAAA;EACA,sBAAA;EACA,aFjJW;AJyNZ;;AMrEA;EACC,aAAA;EACA,mBAAA;EACA,WFpJU;EEqJV,gBFpJU;EEqJV,kBPxJW;EOyJX,cRzIY;EQ0IZ,qBAAA;EACA,mBJ1Jc;EI2Jd,mDAAA;ANwED;AMnEC;EACC,aAAA;ANqEF;AMlEC;EACC,kBJnKa;EIoKb,cJpKa;EIqKb,eJrKa;EIsKb,cJ7JkB;EI8JlB,cRzJiB;EQ0JjB,4BAAA;ANoEF;AMjEC;EAEC,kBPhLU;EOiLV,mBRpKe;EQqKf,cRlKW;AEoOb;AM/DC;EACC,mBRvLc;EQwLd,WR5Ke;AE6OjB;AM/DE;EACC,WR/Kc;AEgPjB;;AM5DA;EACC,OAAA;EACA,YAAA;AN+DD;;AM5DA;EACC,iBFjMU;EEkMV,6BAAA;EACG,gBAAA;AN+DJ;;AM1DC;EAFD;IAGE,gBAAA;IACA,SAAA;IACA,YAAA;IACA,WAAA;IACA,mBAAA;IACA,gBRvMe;IQwMf,gCAAA;EN8DA;AACF;;AOjRA;EACC,aAAA;APoRD;;AOjRA;EAIC,qBAAA;APiRD;;AQ1RA;EACC,aAAA;EACA,sBAAA;EACA,YAAA;AR6RD;;AQ1RA;EACC,aAAA;EACA,sBAAA;EACA,OAAA;AR6RD;;AQ1RA;EACC,wBAAA;EACA,gBAAA;EACA,SAAA;EACA,WAAA;EACA,gBVNgB;EUOhB,gDAAA;AR6RD;;AQ1RA;EACC,aAAA;EACA,eAAA;EACA,mBAAA;EACA,8BAAA;EACA,SJtBU;EIuBV,qBJzBU;AJsTX;;AQ1RA;EACC,aAAA;EACA,mBAAA;EACA,WJ/BU;EIgCV,cAAA;AR6RD;;AQ1RA;EACC,SAAA;EACA,kBNnCe;EMoCf,gBN/BsB;EMgCtB,cVzBY;EU0BZ,mBAAA;AR6RD;;AQ1RA;EACC,aAAA;EACA,eAAA;EACA,WJ1CW;EI2CX,kBAAA;EACA,kBAAA;AR6RD;;AQ1RA;EACC,kBAAA;EACA,cAAA;EACA,cVxCY;EUyCZ,mBNxDc;EMyDd,qBAAA;EACA,4BAAA;AR6RD;AQ3RC;EAEC,cV/CW;AE2Ub;AQzRC;EACC,cVpEc;EUqEd,gBN3DqB;AFsVvB;AQzRE;EACC,WAAA;EACA,kBAAA;EACA,OAAA;EACA,QAAA;EACA,YAAA;EACA,WAAA;EACA,mBV9Ea;EU+Eb,kBThFS;AC2WZ;;AQtRA;EACC,kBAAA;EACA,wBAAA;EACA,OAAA;EACA,mBV7EU;AEsWX;;AQpRA;EACC,qBJvFW;AJ8WZ;;AQ/QC;EACC,kBAAA;EACA,eAAA;EACA,kBAAA;ARkRF;;AQ9QA;EACC,gBJtGW;EIuGX,kBAAA;EACA,cV9FkB;EU+FlB,0BAAA;EACA,kBTjHW;ACkYZ;;AQ9QA;EAEC;IACC,WAAA;ERgRA;EQ9QA;IACC,mBAAA;ERgRD;AACF;AQ5QA;EAEC;IACC,kBAAA;ER6QA;AACF;AQ1QA;EAEC;IACC,MAAA;ER2QA;AACF;ASrZA;EACC,gBXUgB;EWThB,yBAAA;EACA,mBVFW;EUGX,8BAAA;EACA,qBLCW;AJsZZ;ASrZC;EACC,mBLJS;AJ2ZX;ASpZC;EACC,oBAAA;EACA,kBPVa;EOWb,gBPLqB;EOMrB,cXCW;AEqZb;ASnZC;EACC,SAAA;EACA,cXHiB;EWIjB,kBPnBa;AFwaf;ASlZC;EACC,aAAA;EACA,sBAAA;EACA,SLvBS;AJ2aX;;AU/aA;;;;;;EAMC,cAAA;AVkbD;;AWrbC;EACC,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,aPNS;EOOT,gBAAA;EACA,YAAA;EACA,SAAA;EACA,qBAAA;EACA,6BAAA;EACA,kBZdU;EYeV,mBTba;EScb,gBTPmB;ESQnB,gBTHiB;ESIjB,qBAAA;EACA,mBAAA;EACA,eAAA;EACA,gBAAA;EACA,sBCvBgB;EDwBhB,uBAAA;EAAA,kBAAA;AXwbF;AWtbE;EACC,eAAA;EACA,WAAA;EACA,YAAA;EACA,cAAA;AXwbH;AWrbE;EACC,aAAA;EACA,gBAAA;AXubH;AWpbE;EAEC,YAAA;EACA,mBAAA;AXqbH;AWjbC;EACC,mBb7Cc;Ea8Cd,qBb9Cc;Ea+Cd,Wb3BmB;AE8crB;AWjbE;EACC,mBbhDkB;EaiDlB,qBbjDkB;EakDlB,WbhCkB;AEmdrB;AWhbE;EAEC,mBbvDkB;EawDlB,uBAAA;EACA,oBAAA;EACA,WbxCkB;AEydrB;AW7aC;EACC,uBAAA;EACA,qBbzCkB;Ea0ClB,cblDW;AEieb;AW7aE;EAGC,qBbxEa;EayEb,cbvEkB;EawElB,gEAAA;AX6aH;AWvaC;EACC,+DAAA;EACA,qBbnDa;EaoDb,cbpDa;AE6df;AWvaE;EAGC,mBbzDY;Ea0DZ,qBb1DY;Ea2DZ,WbtEkB;AE6erB;;AahgBA;EACC,aAAA;EACA,0BAAA;EACA,YTHW;AJsgBZ;Aa9fC;EACC,aAAA;AbggBF;Aa7fC;EACC,oBAAA;EACA,mBAAA;EACA,eAAA;EACA,aTfS;ESgBT,kBXfa;EWgBb,gBXVmB;EWWnB,cfHW;AEkgBb;Aa5fC;EACC,oBAAA;EACA,mBAAA;EACA,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kBAAA;EACA,mBhBvCa;EgBwCb,sBAAA;EACA,4CTtCY;ESuCZ,eAAA;Ad6vBH;Ac1vBE;EACC,6BT1CY;ALsyBf;AcxvBC;EACC,iBAAA;EACA,iBAAA;EACA,kBZpDe;EYqDf,gBZ5CqB;EY6CrB,chBvDc;EgBwDd,kCAAA;Ad0vBF;AcvvBC;EACC,aAAA;EACA,8BAAA;EACA,mBZ5Da;EY6Db,chB7CiB;AEsyBnB;;AevzBA;EACC,aAAA;EACA,sBAAA;EACA,WXDU;EWEV,gBAAA;Af0zBD;AexzBC;EACC,aAAA;EACA,mBAAA;EACA,YXNS;EWOT,eAAA;Af0zBF;AevzBC;EACC,kBbde;Eaef,cjBEiB;EiBDjB,qBAAA;AfyzBF;AetzBC;EACC,cjBUa;EiBTb,qBAAA;EACA,kBbtBe;AF80BjB;AetzBE;EAEC,cjBIY;EiBHZ,0BAAA;AfuzBH;AelzBC;EACC,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,iBAAA;EACA,0BAAA;EACA,kBhBtCU;EgBuCV,gBjB5Be;EiB6Bf,2BAAA;EACA,sBAAA;EACA,4BAAA;EACA,cjB1BiB;EiB2BjB,kBAAA;EACA,aXzCS;EW0CT,0DAAA;AfozBF;AelzBE;EACC,mBAAA;EACA,qBjB5BY;EiB6BZ,sBjBxCc;EiByCd,iBAAA;AfozBH;AelzBG;EACC,aAAA;AfozBJ;Ae/yBC;EACC,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,aX/DS;EWgET,kBbjEe;AFk3BjB;Ae/yBE;EACC,iBAAA;EACA,aAAA;EACA,cAAA;EACA,cjBtDgB;AEu2BnB;Ae7yBC;EACC,kBb7Ea;Ea8Eb,cjB5DiB;AE22BnB;;AgB53BA;EACC,WAAA;EACA,sEAAA;EACA,mBdFc;AFi4Bf;;AgB13BA;EACC,sBAAA;EACA,kBjBXW;EiBYX,mBdVc;EcWd,aAAA;EACA,gBAAA;AhB63BD;;AgB13BA;EACC,iBAAA;AhB63BD;;AgB13BA;EACC,qBlBtBe;EkBuBf,6BXnBc;ALg5Bf;;AiBj5BC;EACC,sBAAA;EACA,kBlBLU;EkBMV,gBAAA;AjBo5BF;AiBj5BC;EACC,gBnBEe;AEi5Bj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","file":"options-page.css","sourcesContent":["@use \"variables\" as *;\n\n// Shared button chrome for the options-page action buttons (reset, generic\n// buttons, the WP color-picker default button, etc.).\n%block-icons-google-button {\n\tcolor: $color-text;\n\tbackground: transparent;\n\tborder: 1px solid $color-border-dark;\n\toutline: none;\n\tborder-radius: $radius-md;\n\tbox-shadow: none;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: $space-3xs $space-md;\n\tline-height: normal;\n\n\t&:hover,\n\t&:focus {\n\t\topacity: 0.9;\n\t\tborder-color: $color-primary-focus;\n\t\tcolor: $color-text;\n\t\tbox-shadow: none;\n\t}\n\n\t&:focus {\n\t\toutline: 1px solid $color-bg-light;\n\t\toutline-offset: -3px;\n\t}\n}\n\n%block-icons-google-button-primary {\n\n\t@extend %block-icons-google-button;\n\n\tcolor: $color-bg-light;\n\tbackground: $color-primary;\n\tborder: 1px solid $color-primary;\n\n\t&:hover,\n\t&:focus {\n\t\tcolor: $color-bg-light;\n\t\tbackground: $color-primary-dark;\n\t\tborder: 1px solid $color-primary;\n\t}\n}\n","// Brand — primary\n$color-primary: #155dfc;\n$color-primary-light: #4d82fd;\n$color-primary-dark: #124fd8;\n$color-primary-focus: #155dfc;\n\n// Brand — secondary\n$color-secondary: #64748b;\n$color-secondary-light: #94a3b8;\n$color-secondary-dark: #475569;\n\n// Backgrounds\n$color-bg: #e3e9ef;\n$color-bg-light: #fff;\n$color-bg-dark: #ecf0f3;\n$color-bg-hover: #ecf0f3;\n\n// Text\n$color-text: #3c464c;\n$color-text-light: #6b7177;\n$color-text-dark: #1d2327;\n$color-text-inverse: #fff;\n\n// Borders\n$color-border: #e6e8eb;\n$color-border-light: #ecedef;\n$color-border-dark: #c3c4c7;\n$color-border-input: #bbb;\n\n// Status\n$color-success: #198754;\n$color-warning: #f0b849;\n$color-danger: #d63638;\n","$radius-sm: 4px;\n$radius-md: 6px;\n$radius-lg: 8px;\n$radius-xl: 10px;\n$radius-2xl: 12px;\n$radius-pill: 999px;\n",".block-icons-google-options__button.button,\n.block-icons-google-options__reset.button, .wp-picker-input-wrap .button.wp-picker-default, .block-icons-google-options__save.button-primary {\n  color: #3c464c;\n  background: transparent;\n  border: 1px solid #c3c4c7;\n  outline: none;\n  border-radius: 6px;\n  box-shadow: none;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  padding: 0.125rem 0.75rem;\n  line-height: normal;\n}\n.block-icons-google-options__button.button:hover,\n.block-icons-google-options__reset.button:hover, .wp-picker-input-wrap .button.wp-picker-default:hover, .block-icons-google-options__save.button-primary:hover, .block-icons-google-options__button.button:focus,\n.block-icons-google-options__reset.button:focus, .wp-picker-input-wrap .button.wp-picker-default:focus, .block-icons-google-options__save.button-primary:focus {\n  opacity: 0.9;\n  border-color: #155dfc;\n  color: #3c464c;\n  box-shadow: none;\n}\n.block-icons-google-options__button.button:focus,\n.block-icons-google-options__reset.button:focus, .wp-picker-input-wrap .button.wp-picker-default:focus, .block-icons-google-options__save.button-primary:focus {\n  outline: 1px solid #fff;\n  outline-offset: -3px;\n}\n\n.block-icons-google-options__save.button-primary {\n  color: #fff;\n  background: #155dfc;\n  border: 1px solid #155dfc;\n}\n.block-icons-google-options__save.button-primary:hover, .block-icons-google-options__save.button-primary:focus {\n  color: #fff;\n  background: #124fd8;\n  border: 1px solid #155dfc;\n}\n\nh1.block-icons-google-wrap__title {\n  font-size: 1.85rem;\n}\n\n.block-icons-google-wrap {\n  max-width: 100%;\n  margin-right: 1.25rem;\n  margin-top: 0;\n}\n.block-icons-google-wrap__title {\n  font-size: 1.85rem;\n  font-weight: 600;\n  margin: 0 0 1rem;\n  padding: 0;\n  display: none;\n}\n\n.block-icons-google-options {\n  display: block;\n  background: #fff;\n  border: 1px solid #e6e8eb;\n  border-radius: 12px;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n  overflow: clip;\n}\n.block-icons-google-options--with-sidebar {\n  display: grid;\n  grid-template-columns: 350px 1fr;\n  min-height: 800px;\n  background: linear-gradient(to right, #fff calc(350px - 1px), #e6e8eb calc(350px - 1px), #e6e8eb 350px, #fff 350px);\n}\n.block-icons-google-options--empty {\n  padding: 1.5rem 1.75rem;\n}\n.block-icons-google-options--empty p {\n  max-width: 60ch;\n}\n\n@media (max-width: 1200px) {\n  .block-icons-google-options--with-sidebar {\n    display: flex;\n    flex-wrap: wrap;\n    min-height: 0;\n    background: #fff;\n  }\n}\n.block-icons-google-options__sidebar {\n  background: transparent;\n  border-right: none;\n  padding: 1.5rem 1.25rem;\n  display: flex;\n  flex-direction: column;\n  position: sticky;\n  top: var(--wp-admin--admin-bar--height, 32px);\n  height: calc(100vh - var(--wp-admin--admin-bar--height, 32px));\n  overflow-y: auto;\n  align-self: start;\n}\n\n.block-icons-google-options__brand {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.375rem 0.75rem 1rem;\n  border-bottom: 1px solid #ecedef;\n  margin-bottom: 1rem;\n}\n.block-icons-google-options__brand-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  width: 50px;\n  height: 50px;\n  border-radius: 8px;\n  background: #155dfc;\n  color: #fff;\n  font-size: 1.45rem;\n  flex-shrink: 0;\n}\n.block-icons-google-options__brand-name {\n  font-weight: 600;\n  font-size: 1.15rem;\n  color: #3c464c;\n  flex: 1;\n  min-width: 0;\n}\n.block-icons-google-options__brand-version {\n  font-size: 0.7rem;\n  font-weight: 600;\n  color: #155dfc;\n  background: rgba(34, 113, 177, 0.1);\n  border-radius: 999px;\n  padding: 0.2rem 0.5rem;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n.block-icons-google-upgrade-box {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 1.5rem;\n  background: #155dfc;\n  border: none;\n  border-radius: 10px;\n  text-align: center;\n}\n.block-icons-google-upgrade-box__icon {\n  color: #155dfc;\n  font-size: 1.4rem;\n  width: 30px;\n  height: 30px;\n  background: #fff;\n  padding: 0.5rem;\n  margin-bottom: 0.75rem;\n  border-radius: 999px;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n}\n.block-icons-google-upgrade-box__label {\n  font-size: 0.95rem;\n  font-weight: 600;\n  color: #fff;\n  margin: 0;\n}\n.block-icons-google-upgrade-box__text {\n  font-size: 0.875rem;\n  color: #fff;\n  margin: 0;\n  margin-bottom: 0.75rem;\n}\n.block-icons-google-upgrade-box__button {\n  display: block;\n  width: auto;\n  text-align: center;\n  background: #fff;\n  color: #3c464c;\n  border: none;\n  border-radius: 6px;\n  padding: 0.5rem 1rem;\n  font-size: 0.875rem;\n  font-weight: 600;\n  text-decoration: none;\n  transition: background 0.12s ease, box-shadow 0.12s ease;\n  box-shadow: 0 1px 3px rgba(34, 113, 177, 0.25);\n}\n.block-icons-google-upgrade-box__button:hover, .block-icons-google-upgrade-box__button:focus {\n  background: #124fd8;\n  color: #fff !important;\n  box-shadow: 0 2px 6px rgba(34, 113, 177, 0.35);\n}\n.block-icons-google-upgrade-box .button-pro {\n  background: #fff;\n  border-color: #fff;\n  color: #1d2327;\n}\n.block-icons-google-upgrade-box .button-pro:hover, .block-icons-google-upgrade-box .button-pro:focus, .block-icons-google-upgrade-box .button-pro:active {\n  background: #124fd8;\n  border-color: #124fd8;\n  color: #fff;\n}\n\n.block-icons-google-options__sidebar-label {\n  font-size: 0.7rem;\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: #6b7177;\n  padding: 0 0.75rem 0.25rem;\n}\n\n.block-icons-google-options__group-nav {\n  display: flex;\n  flex-direction: column;\n  gap: 0.125rem;\n}\n\n.block-icons-google-options__group-link {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.75rem;\n  border-radius: 8px;\n  color: #3c464c;\n  text-decoration: none;\n  font-size: 0.875rem;\n  transition: background 0.12s ease, color 0.12s ease;\n}\n.block-icons-google-options__group-link[hidden] {\n  display: none;\n}\n.block-icons-google-options__group-link .dashicons {\n  font-size: 1.15rem;\n  width: 1.15rem;\n  height: 1.15rem;\n  line-height: 1;\n  color: #6b7177;\n  transition: color 0.12s ease;\n}\n.block-icons-google-options__group-link:hover, .block-icons-google-options__group-link:focus {\n  border-radius: 8px;\n  background: #ecf0f3;\n  color: #3c464c;\n}\n.block-icons-google-options__group-link.is-active {\n  background: #155dfc;\n  color: #fff;\n}\n.block-icons-google-options__group-link.is-active .dashicons {\n  color: #fff;\n}\n\n.block-icons-google-options__group-label {\n  flex: 1;\n  min-width: 0;\n}\n\n.block-icons-google-options__sidebar-footer {\n  padding-top: 1rem;\n  border-top: 1px solid #ecedef;\n  margin-top: 1rem;\n}\n\n@media (max-width: 1200px) {\n  .block-icons-google-options__sidebar {\n    position: static;\n    top: auto;\n    height: auto;\n    width: 100%;\n    overflow-y: visible;\n    background: #fff;\n    border-bottom: 1px solid #e6e8eb;\n  }\n}\n\n.js .block-icons-google-color-picker:not(.wp-color-picker) {\n  display: none;\n}\n\n.wp-picker-input-wrap .button.wp-picker-default {\n  display: inline-block;\n}\n\n.block-icons-google-options__content {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.block-icons-google-options__form {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n\n.block-icons-google-options__header {\n  padding: 0.75rem 1.75rem;\n  position: sticky;\n  top: 32px;\n  z-index: 10;\n  background: #fff;\n  box-shadow: 5px 2px 8px rgba(213, 213, 213, 0.5);\n}\n\n.block-icons-google-options__header-top {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n  margin-bottom: 0.5rem;\n}\n\n.block-icons-google-options__header-actions {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  flex-shrink: 0;\n}\n\n.block-icons-google-options__title {\n  margin: 0;\n  font-size: 1.45rem;\n  font-weight: 600;\n  color: #3c464c;\n  line-height: normal;\n}\n\n.block-icons-google-options__tabs {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1.5rem;\n  margin: 0 -1.75rem;\n  padding: 0 1.75rem;\n}\n\n.block-icons-google-options__tab {\n  position: relative;\n  padding: 4px 0;\n  color: #3c464c;\n  font-size: 0.875rem;\n  text-decoration: none;\n  transition: color 0.12s ease;\n}\n.block-icons-google-options__tab:hover, .block-icons-google-options__tab:focus {\n  color: #3c464c;\n}\n.block-icons-google-options__tab.is-active {\n  color: #155dfc;\n  font-weight: 600;\n}\n.block-icons-google-options__tab.is-active::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -2px;\n  height: 2px;\n  background: #155dfc;\n  border-radius: 4px;\n}\n\n.block-icons-google-options__sections {\n  position: relative;\n  padding: 1.5rem 1.5rem 0;\n  flex: 1;\n  background: #e3e9ef;\n}\n\n.block-icons-google-options__dependency-notice {\n  margin-bottom: 1.5rem;\n}\n\n.block-icons-google-options__tab-panel:not(.is-active) {\n  position: absolute;\n  inset: 0 0 auto;\n  visibility: hidden;\n}\n\n.block-icons-google-options__empty {\n  padding: 1.75rem;\n  text-align: center;\n  color: #6b7177;\n  border: 1px dashed #c3c4c7;\n  border-radius: 8px;\n}\n\n@media (max-width: 1200px) {\n  .block-icons-google-options__content {\n    width: 100%;\n  }\n  .block-icons-google-options__content .block-icons-google-options__sections {\n    padding: 1.5rem 0 0;\n  }\n}\n@media (max-width: 782px) {\n  .block-icons-google-wrap {\n    margin-right: 10px;\n  }\n}\n@media (max-width: 600px) {\n  .block-icons-google-options__header {\n    top: 0;\n  }\n}\n.block-icons-google-options__section {\n  background: #fff;\n  border: 1px solid #e6e8eb;\n  border-radius: 10px;\n  padding: 1.25rem 1.5rem 1.5rem;\n  margin-bottom: 1.5rem;\n}\n.block-icons-google-options__section-header {\n  margin-bottom: 1rem;\n}\n.block-icons-google-options__section-title {\n  margin: 0 0 0.375rem;\n  font-size: 1.15rem;\n  font-weight: 600;\n  color: #3c464c;\n}\n.block-icons-google-options__section-description {\n  margin: 0;\n  color: #6b7177;\n  font-size: 0.95rem;\n}\n.block-icons-google-options__section-body {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 1rem 0;\n}\n\n.block-icons-google-wrap .button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.375rem;\n  min-height: 40px;\n  height: auto;\n  margin: 0;\n  padding: 0.25rem 1rem;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  font-size: 0.875rem;\n  font-weight: 500;\n  line-height: 1.2;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  box-shadow: none;\n  transition: 0.12s ease;\n  width: max-content;\n}\n.block-icons-google-wrap .button .dashicons {\n  font-size: 16px;\n  width: 16px;\n  height: 16px;\n  line-height: 1;\n}\n.block-icons-google-wrap .button:focus {\n  outline: none;\n  box-shadow: none;\n}\n.block-icons-google-wrap .button:disabled, .block-icons-google-wrap .button[disabled] {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.block-icons-google-wrap .button-primary {\n  background: #155dfc;\n  border-color: #155dfc;\n  color: #fff;\n}\n.block-icons-google-wrap .button-primary:hover {\n  background: #124fd8;\n  border-color: #124fd8;\n  color: #fff;\n}\n.block-icons-google-wrap .button-primary:focus, .block-icons-google-wrap .button-primary:active {\n  background: #124fd8;\n  outline: 2px solid #fff;\n  outline-offset: -4px;\n  color: #fff;\n}\n.block-icons-google-wrap .button-outline {\n  background: transparent;\n  border-color: #c3c4c7;\n  color: #3c464c;\n}\n.block-icons-google-wrap .button-outline:hover, .block-icons-google-wrap .button-outline:focus, .block-icons-google-wrap .button-outline:active {\n  border-color: #155dfc;\n  color: #124fd8;\n  background: hsl(221.2987012987, 97.4683544304%, 103.5294117647%);\n}\n.block-icons-google-wrap .button-danger {\n  background: rgb(250.2900826446, 231.9099173554, 232.1396694215);\n  border-color: #d63638;\n  color: #d63638;\n}\n.block-icons-google-wrap .button-danger:hover, .block-icons-google-wrap .button-danger:focus, .block-icons-google-wrap .button-danger:active {\n  background: #d63638;\n  border-color: #d63638;\n  color: #fff;\n}\n\n.block-icons-google-field {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 0.25rem;\n}\n.block-icons-google-field[hidden] {\n  display: none;\n}\n.block-icons-google-field__label label {\n  display: inline-flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 0.375rem;\n  font-size: 0.95rem;\n  font-weight: 500;\n  color: #3c464c;\n}\n.block-icons-google-field__tier {\n  display: inline-flex;\n  align-items: center;\n  padding: 0.25rem 0.5rem;\n  border-radius: 999px;\n  font-size: 0.65rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  line-height: 1.2;\n  white-space: nowrap;\n}\n.block-icons-google-field__tier--pro {\n  background: linear-gradient(135deg, #155dfc 0%, #155dfc 100%);\n  color: #fff;\n  border: 1px solid #155dfc;\n}\n.block-icons-google-field--is-pro .block-icons-google-field__control {\n  position: relative;\n  opacity: 0.4;\n  pointer-events: none;\n  user-select: none;\n  filter: grayscale(0.4);\n}\n.block-icons-google-field--is-pro .block-icons-google-field__control::before {\n  content: \"\";\n  position: absolute;\n  inset: -0.25rem;\n  border-radius: 6px;\n  background: transparent;\n  z-index: 1;\n}\n.block-icons-google-field--is-pro .block-icons-google-field__label label {\n  color: #6b7177;\n}\n.block-icons-google-field__control .description {\n  margin-top: 0.25rem;\n  color: #6b7177;\n  font-size: 0.875rem;\n}\n.block-icons-google-field__control input,\n.block-icons-google-field__control textarea,\n.block-icons-google-field__control select {\n  border-radius: 6px;\n  border-color: #bbb;\n  color: #3c464c;\n}\n.block-icons-google-field__control input:hover, .block-icons-google-field__control input:focus,\n.block-icons-google-field__control textarea:hover,\n.block-icons-google-field__control textarea:focus,\n.block-icons-google-field__control select:hover,\n.block-icons-google-field__control select:focus {\n  border-color: #124fd8;\n}\n.block-icons-google-field__control select,\n.block-icons-google-field__control input[type=date] {\n  max-width: 100%;\n  min-height: 40px;\n  width: 250px;\n}\n.block-icons-google-field__control select:focus,\n.block-icons-google-field__control input[type=date]:focus {\n  border: 1px solid #124fd8;\n  outline: none;\n  box-shadow: 0 0 0 1px #155dfc;\n}\n.block-icons-google-field__control input.block-icons-google-input {\n  max-width: 100%;\n  min-height: 40px;\n  width: 250px;\n}\n.block-icons-google-field__control input.block-icons-google-input--xs {\n  width: 120px;\n}\n.block-icons-google-field__control input.block-icons-google-input--sm {\n  width: 180px;\n}\n.block-icons-google-field__control input.block-icons-google-input--md {\n  width: 250px;\n}\n.block-icons-google-field__control input.block-icons-google-input--lg {\n  width: 340px;\n}\n.block-icons-google-field__control input.block-icons-google-input--xl {\n  width: 480px;\n}\n.block-icons-google-field__control input.block-icons-google-input--full {\n  width: 100%;\n}\n.block-icons-google-field__control input[type=radio],\n.block-icons-google-field__control input[type=checkbox] {\n  width: 16px;\n  height: 16px;\n}\n.block-icons-google-field__control input[type=radio] {\n  background: #fff;\n  border-radius: 100%;\n}\n.block-icons-google-field__control input[type=radio]:focus {\n  box-shadow: 0 0 0 1px #124fd8;\n}\n.block-icons-google-field__control input[type=radio]:checked::before {\n  background: #124fd8;\n  margin: 0;\n  width: 0.5rem;\n  height: 0.5rem;\n}\n.block-icons-google-field__control input[type=checkbox] {\n  border-radius: 4px;\n}\n.block-icons-google-field__control input[type=checkbox]:focus {\n  box-shadow: 0 0 0 1px #124fd8;\n}\n.block-icons-google-field__control input[type=number] {\n  width: auto;\n}\n.block-icons-google-field__control fieldset label {\n  font-size: 0.875rem;\n  color: #3c464c;\n}\n.block-icons-google-field--toggle {\n  grid-template-columns: 1fr auto;\n  align-items: center;\n  column-gap: 1rem;\n  row-gap: 0.25rem;\n}\n.block-icons-google-field--toggle .block-icons-google-field__label {\n  grid-column: 1;\n  grid-row: 1;\n}\n.block-icons-google-field--toggle .block-icons-google-field__label label {\n  margin-bottom: 0;\n}\n.block-icons-google-field--toggle .block-icons-google-field__control {\n  display: contents;\n}\n.block-icons-google-field--toggle .block-icons-google-field__control > .block-icons-google-toggle {\n  grid-column: 2;\n  grid-row: 1;\n  justify-self: end;\n}\n.block-icons-google-field--toggle .block-icons-google-field__control > .description {\n  grid-column: 1/-1;\n  grid-row: 2;\n  margin-top: 0;\n}\n.block-icons-google-field--slider .block-icons-google-field__control .description, .block-icons-google-field--checkbox .block-icons-google-field__control .description, .block-icons-google-field--radio .block-icons-google-field__control .description {\n  margin-top: 0.5rem;\n}\n\n.block-icons-google-toggle {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n}\n.block-icons-google-toggle input[type=checkbox] {\n  position: absolute;\n  opacity: 0;\n  pointer-events: none;\n  width: 1px;\n  height: 1px;\n}\n.block-icons-google-toggle input[type=checkbox]:checked + .block-icons-google-toggle__track {\n  background: #155dfc;\n  border-color: #155dfc;\n}\n.block-icons-google-toggle input[type=checkbox]:checked + .block-icons-google-toggle__track::after {\n  transform: translateX(20px);\n  background: #fff;\n}\n.block-icons-google-toggle input[type=checkbox]:focus-visible + .block-icons-google-toggle__track {\n  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #155dfc;\n}\n.block-icons-google-toggle__track {\n  position: relative;\n  display: inline-block;\n  width: 44px;\n  height: 24px;\n  background: #c3c4c7;\n  border: 1px solid #c3c4c7;\n  border-radius: 999px;\n  transition: background 0.15s ease, border-color 0.15s ease;\n}\n.block-icons-google-toggle__track::after {\n  content: \"\";\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 18px;\n  height: 18px;\n  background: #fff;\n  border-radius: 50%;\n  transition: transform 0.15s ease;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18);\n}\n.block-icons-google-toggle__label {\n  display: none;\n}\n\n.block-icons-google-color-picker + .wp-picker-container,\n.wp-picker-container .wp-color-result {\n  border-radius: 6px;\n}\n\n.wp-picker-container .wp-color-result {\n  overflow: hidden;\n}\n\n.block-icons-google-field--color .wp-picker-container {\n  position: relative;\n}\n.block-icons-google-field--color .wp-picker-container .wp-picker-holder {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 100;\n}\n\n@media (max-width: 1024px) {\n  .block-icons-google-field__control input.block-icons-google-input--xs, .block-icons-google-field__control input.block-icons-google-input--sm, .block-icons-google-field__control input.block-icons-google-input--md, .block-icons-google-field__control input.block-icons-google-input--lg, .block-icons-google-field__control input.block-icons-google-input--xl, .block-icons-google-field__control input.block-icons-google-input--full {\n    width: 100%;\n  }\n  .block-icons-google-field__control select,\n  .block-icons-google-field__control input[type=date] {\n    width: 100%;\n  }\n}\n@media (max-width: 782px) {\n  .block-icons-google-field__control input[type=checkbox]:checked::before {\n    margin: -0.1875rem 0 0 -0.25rem;\n    height: 1.3125rem;\n    width: 1.3125rem;\n  }\n}\n.block-icons-google-slider {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  max-width: 100%;\n}\n.block-icons-google-slider__track-row {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n.block-icons-google-slider__input {\n  flex: 1;\n  appearance: none;\n  height: 6px;\n  border-radius: 999px;\n  background: #e6e8eb;\n  outline: none;\n  padding: 0;\n  margin: 0;\n}\n.block-icons-google-slider__input::-webkit-slider-thumb {\n  appearance: none;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: #155dfc;\n  border: 3px solid #fff;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.25);\n  cursor: pointer;\n  transition: transform 0.12s ease;\n}\n.block-icons-google-slider__input::-moz-range-thumb {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: #155dfc;\n  border: 3px solid #fff;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.25);\n  cursor: pointer;\n}\n.block-icons-google-slider__input:focus-visible::-webkit-slider-thumb {\n  box-shadow: 0 0 0 4px #155dfc;\n}\n.block-icons-google-slider__value {\n  min-width: 3.5rem;\n  text-align: right;\n  font-size: 0.85rem;\n  font-weight: 600;\n  color: #155dfc;\n  font-variant-numeric: tabular-nums;\n}\n.block-icons-google-slider__labels {\n  display: flex;\n  justify-content: space-between;\n  font-size: 0.875rem;\n  color: #6b7177;\n}\n\n.block-icons-google-media {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  max-width: 480px;\n}\n.block-icons-google-media__row {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  flex-wrap: wrap;\n}\n.block-icons-google-media__filename {\n  font-size: 0.85rem;\n  color: #6b7177;\n  word-break: break-all;\n}\n.block-icons-google-media__remove {\n  color: #d63638;\n  text-decoration: none;\n  font-size: 0.85rem;\n}\n.block-icons-google-media__remove:hover, .block-icons-google-media__remove:focus {\n  color: #d63638;\n  text-decoration: underline;\n}\n.block-icons-google-media--image .block-icons-google-media__preview {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 140px;\n  border: 1px dashed #c3c4c7;\n  border-radius: 8px;\n  background: #fff;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  color: #6b7177;\n  text-align: center;\n  padding: 1rem;\n  transition: border-color 0.15s ease, background 0.15s ease;\n}\n.block-icons-google-media--image .block-icons-google-media__preview.has-image {\n  border-style: solid;\n  border-color: #e6e8eb;\n  background-color: #fff;\n  min-height: 200px;\n}\n.block-icons-google-media--image .block-icons-google-media__preview.has-image .block-icons-google-media__placeholder {\n  display: none;\n}\n.block-icons-google-media__placeholder {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.375rem;\n  font-size: 0.85rem;\n}\n.block-icons-google-media__placeholder .dashicons {\n  font-size: 1.6rem;\n  width: 1.6rem;\n  height: 1.6rem;\n  color: #6b7177;\n}\n.block-icons-google-media__hint {\n  font-size: 0.75rem;\n  color: #6b7177;\n}\n\n.block-icons-google-code-editor {\n  width: 100%;\n  font-family: Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;\n  font-size: 0.875rem;\n}\n\n.block-icons-google-options .CodeMirror {\n  border: 1px solid #bbb;\n  border-radius: 6px;\n  font-size: 0.875rem;\n  height: 300px;\n  overflow: hidden;\n}\n\n.block-icons-google-options .CodeMirror-scroll {\n  min-height: 300px;\n}\n\n.block-icons-google-options .CodeMirror-focused {\n  border-color: #155dfc;\n  box-shadow: 0 0 0 4px #155dfc;\n}\n\n.block-icons-google-wysiwyg .wp-editor-wrap {\n  border: 1px solid #bbb;\n  border-radius: 6px;\n  overflow: hidden;\n}\n.block-icons-google-wysiwyg .wp-editor-tabs {\n  background: #fff;\n}\n.block-icons-google-wysiwyg .mce-toolbar-grp {\n  border-bottom: 1px solid #e6e8eb;\n}\n.block-icons-google-wysiwyg .mce-tinymce {\n  border-radius: 6px;\n}\n.block-icons-google-wysiwyg .mce-statusbar .mce-resizehandle,\n.block-icons-google-wysiwyg .mce-ico.mce-i-resize {\n  display: none !important;\n}\n.block-icons-google-wysiwyg .mce-statusbar .mce-resizehandle::before,\n.block-icons-google-wysiwyg .mce-ico.mce-i-resize::before {\n  content: none !important;\n}\n\n.block-icons-google-repeater {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.block-icons-google-repeater__rows {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.block-icons-google-repeater__row {\n  border: 1px solid #e6e8eb;\n  border-radius: 8px;\n  background: #fff;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n  transition: box-shadow 0.12s ease, border-color 0.12s ease;\n}\n.block-icons-google-repeater__row:hover {\n  border-color: #c3c4c7;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18);\n}\n.block-icons-google-repeater__row-header {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.5rem 0.75rem;\n  background: #fff;\n  border-bottom: 1px solid #e6e8eb;\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n}\n.block-icons-google-repeater__drag {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border-radius: 6px;\n  cursor: grab;\n  color: #6b7177;\n  text-decoration: none;\n  padding: 0;\n  line-height: 1;\n  transition: background 0.12s ease, color 0.12s ease;\n  border: none;\n}\n.block-icons-google-repeater__drag:hover, .block-icons-google-repeater__drag:focus {\n  background: #ecf0f3;\n  color: #3c464c;\n}\n.block-icons-google-repeater__drag:active {\n  cursor: grabbing;\n}\n.block-icons-google-repeater__drag .dashicons {\n  font-size: 18px;\n  width: 18px;\n  height: 18px;\n  line-height: 1;\n}\n.block-icons-google-repeater__row-label {\n  flex: 1;\n  font-size: 0.875rem;\n  font-weight: 600;\n  color: #3c464c;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n.block-icons-google-repeater__row-number {\n  color: #6b7177;\n  font-weight: 400;\n  margin-left: 0.25rem;\n}\n.block-icons-google-repeater__remove {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  width: 28px;\n  height: 28px;\n  border-radius: 6px;\n  color: #d63638;\n  text-decoration: none;\n  padding: 0;\n  line-height: 1;\n  transition: background 0.12s ease, color 0.12s ease;\n  border: none;\n}\n.block-icons-google-repeater__remove:hover, .block-icons-google-repeater__remove:focus {\n  background: rgba(214, 54, 56, 0.1);\n  color: #d63638;\n  text-decoration: none;\n}\n.block-icons-google-repeater__remove[disabled] {\n  opacity: 0.35;\n  pointer-events: none;\n}\n.block-icons-google-repeater__remove .dashicons {\n  font-size: 18px;\n  width: 18px;\n  height: 18px;\n  line-height: 1;\n}\n.block-icons-google-repeater__row-body {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  padding: 1rem 0.75rem;\n}\n.block-icons-google-repeater__field {\n  display: grid;\n  grid-template-columns: minmax(120px, 200px) 1fr;\n  gap: 0.75rem;\n  align-items: center;\n}\n.block-icons-google-repeater__field .block-icons-google-field__label label {\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: #3c464c;\n}\n.block-icons-google-repeater__add {\n  align-self: flex-start;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.25rem;\n  padding: 0.5rem 0.75rem;\n  border: 1px dashed #155dfc;\n  background: transparent;\n  color: #155dfc;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;\n}\n.block-icons-google-repeater__add:hover, .block-icons-google-repeater__add:focus {\n  background: #ecf0f3;\n  border-color: #124fd8;\n  color: #124fd8;\n}\n.block-icons-google-repeater__add .dashicons {\n  font-size: 0.875rem;\n  width: 0.875rem;\n  height: 0.875rem;\n  line-height: 1;\n}\n.block-icons-google-repeater__template {\n  display: none;\n}\n.block-icons-google-repeater__placeholder {\n  border: 1px dashed #c3c4c7;\n  border-radius: 8px;\n  background: #fff;\n  margin-bottom: 0.75rem;\n}\n\n.block-icons-google-repeater__row.ui-sortable-helper {\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);\n  opacity: 0.95;\n  border-color: #155dfc;\n}\n\n@media (max-width: 600px) {\n  .block-icons-google-repeater__field {\n    grid-template-columns: 1fr;\n    align-items: start;\n  }\n}\n.block-icons-google-typography {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 0.75rem;\n  max-width: 720px;\n}\n.block-icons-google-typography input[type=number] {\n  width: 4.5rem;\n}\n.block-icons-google-typography__group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  min-width: 0;\n}\n.block-icons-google-typography__label {\n  font-size: 0.875rem;\n  color: #6b7177;\n}\n.block-icons-google-typography__size {\n  display: flex;\n  gap: 0.25rem;\n}\n.block-icons-google-typography__size input[type=number] {\n  flex: 1;\n  min-width: 0;\n}\n.block-icons-google-typography__size select {\n  width: 4.5rem;\n  flex: none;\n}\n\n@media (max-width: 1024px) {\n  .block-icons-google-typography {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n@media (max-width: 600px) {\n  .block-icons-google-typography {\n    grid-template-columns: 1fr;\n  }\n}\n.block-icons-google-spacing {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-end;\n  gap: 0.5rem;\n  max-width: 520px;\n}\n.block-icons-google-spacing select {\n  width: auto;\n}\n.block-icons-google-spacing__sides {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(70px, 1fr));\n  gap: 0.5rem;\n  flex: 1;\n}\n.block-icons-google-spacing__side {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n}\n.block-icons-google-spacing__side-label {\n  font-size: 0.75rem;\n  color: #6b7177;\n  text-align: center;\n}\n.block-icons-google-spacing__input {\n  width: 100%;\n  text-align: center;\n}\n.block-icons-google-spacing__controls {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.block-icons-google-spacing__unit {\n  min-width: 4rem;\n}\n.block-icons-google-spacing__link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border: 1px solid #bbb;\n  border-radius: 6px;\n  cursor: pointer;\n  color: #6b7177;\n  transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;\n}\n.block-icons-google-spacing__link:hover {\n  opacity: 0.75;\n}\n.block-icons-google-spacing__link input[type=checkbox] {\n  position: absolute;\n  opacity: 0;\n  pointer-events: none;\n  width: 1px;\n  height: 1px;\n}\n.block-icons-google-spacing.is-linked .block-icons-google-spacing__link {\n  background: #155dfc;\n  border-color: #155dfc;\n  color: #fff;\n}\n.block-icons-google-spacing.is-linked .block-icons-google-spacing__link:hover {\n  background: #124fd8;\n  border-color: #124fd8;\n  color: #fff;\n}\n\n.block-icons-google-button-group {\n  display: inline-flex;\n  flex-wrap: wrap;\n  border: 1px solid #bbb;\n  border-radius: 6px;\n  background: #fff;\n  padding: 0.125rem;\n  gap: 0.125rem;\n  max-width: 100%;\n}\n.block-icons-google-button-group__option {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  padding: 0.75rem;\n  border-radius: 4px;\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: #6b7177;\n  cursor: pointer;\n  user-select: none;\n  transition: background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;\n}\n.block-icons-google-button-group__option input[type=radio] {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  opacity: 0;\n  pointer-events: none;\n}\n.block-icons-google-button-group__option:hover {\n  background: #124fd8;\n  color: #fff;\n}\n.block-icons-google-button-group__option.is-selected {\n  background: #155dfc;\n  color: #fff;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);\n}\n.block-icons-google-button-group__option:has(input[type=radio]:focus-visible) {\n  box-shadow: 0 0 0 4px #155dfc;\n}\n.block-icons-google-button-group__icon.dashicons {\n  font-size: 1.15rem;\n  width: 1.15rem;\n  height: 1.15rem;\n  line-height: 1;\n}\n\n.block-icons-google-notice {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.75rem;\n  padding: 0.75rem 1rem;\n  border-radius: 8px;\n  border: 1px solid transparent;\n  border-left-width: 4px;\n  background: #fff;\n}\n.block-icons-google-notice__icon.dashicons {\n  flex-shrink: 0;\n  font-size: 22px;\n  width: 22px;\n  height: 22px;\n  line-height: 1;\n  margin-top: 2px;\n}\n.block-icons-google-notice__body {\n  flex: 1;\n  min-width: 0;\n  font-size: 0.875rem;\n  color: #fff;\n  line-height: 1.5;\n}\n.block-icons-google-notice__title {\n  font-size: 0.95rem;\n  margin: 0 0 0.125rem;\n  font-weight: 600;\n  color: #3c464c;\n}\n.block-icons-google-notice__message {\n  color: #3c464c;\n}\n.block-icons-google-notice__message p {\n  margin: 0 0 0.25rem;\n}\n.block-icons-google-notice__message p:last-child {\n  margin-bottom: 0;\n}\n.block-icons-google-notice__message a {\n  color: inherit;\n  text-decoration: underline;\n}\n.block-icons-google-notice__message code {\n  padding: 0 0.25rem;\n  border-radius: 4px;\n  background: rgba(15, 23, 42, 0.06);\n  font-size: 0.95em;\n}\n.block-icons-google-notice--info {\n  background: hsl(221.2987012987, 97.4683544304%, 101.5294117647%);\n  border-color: rgb(222.417721519, 232.4430379747, 254.582278481);\n  border-left-color: #155dfc;\n}\n.block-icons-google-notice--info .block-icons-google-notice__icon {\n  color: #155dfc;\n}\n.block-icons-google-notice--success {\n  background: rgb(217.875, 248.125, 234.1);\n  border-color: rgb(174.84375, 240.15625, 209.875);\n  border-left-color: #198754;\n}\n.block-icons-google-notice--success .block-icons-google-notice__icon {\n  color: #198754;\n}\n.block-icons-google-notice--warning {\n  background: rgb(251.6497461929, 239.1421319797, 214.3502538071);\n  border-color: rgb(247.7664974619, 220.7614213198, 167.2335025381);\n  border-left-color: rgb(236.116751269, 165.6192893401, 25.883248731);\n}\n.block-icons-google-notice--warning .block-icons-google-notice__icon {\n  color: rgb(204.3573604061, 141.4781725888, 16.8426395939);\n}\n.block-icons-google-notice--error {\n  background: rgb(252.882231405, 244.617768595, 244.7210743802);\n  border-color: rgb(246.8338842975, 214.9661157025, 215.3644628099);\n  border-left-color: #d63638;\n}\n.block-icons-google-notice--error .block-icons-google-notice__icon {\n  color: #d63638;\n}\n\n.block-icons-google-field--notice .block-icons-google-field__label {\n  display: none;\n}\n\n.block-icons-google-date {\n  max-width: 12rem;\n  height: 40px;\n  padding: 0 0.5rem;\n  border: 1px solid #bbb;\n  border-radius: 6px;\n  background: #fff;\n  color: #3c464c;\n  font-size: 0.875rem;\n  font-family: inherit;\n  line-height: 1.2;\n  transition: border-color 0.12s ease, box-shadow 0.12s ease;\n}\n.block-icons-google-date:hover {\n  border-color: #6b7177;\n}\n.block-icons-google-date:focus, .block-icons-google-date:focus-visible {\n  border-color: #155dfc;\n  box-shadow: 0 0 0 4px #155dfc;\n  outline: none;\n}\n.block-icons-google-date::-webkit-calendar-picker-indicator {\n  cursor: pointer;\n  opacity: 0.65;\n  transition: opacity 0.12s ease;\n}\n.block-icons-google-date:hover::-webkit-calendar-picker-indicator, .block-icons-google-date:focus::-webkit-calendar-picker-indicator {\n  opacity: 1;\n}\n\n.block-icons-google-options__footer {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 1rem;\n  padding: 1rem 1.75rem;\n  border-top: 1px solid #e6e8eb;\n  background: #fff;\n  position: sticky;\n  bottom: 0;\n  z-index: 10;\n}\n\n.block-icons-google-options__footer-actions {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n@media (max-width: 782px) {\n  .block-icons-google-options--with-sidebar {\n    grid-template-columns: 1fr;\n  }\n  .block-icons-google-options__sidebar {\n    border-right: 0;\n    border-bottom: 1px solid #e6e8eb;\n  }\n  .block-icons-google-options__footer {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .block-icons-google-options__footer-actions {\n    justify-content: flex-end;\n  }\n}\n.block-icons-google-confirm {\n  position: fixed;\n  inset: 0;\n  z-index: 100000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem;\n}\n.block-icons-google-confirm[hidden] {\n  display: none;\n}\n.block-icons-google-confirm__backdrop {\n  position: absolute;\n  inset: 0;\n  background: rgba(15, 23, 42, 0.55);\n  animation: block-icons-google-confirm-backdrop-in 0.2s ease forwards;\n}\n.block-icons-google-confirm__dialog {\n  position: relative;\n  width: 100%;\n  max-width: 480px;\n  padding: 1.5rem;\n  text-align: center;\n  background: #fff;\n  border-radius: 10px;\n  box-shadow: 0 10px 40px rgba(15, 23, 42, 0.25);\n  animation: block-icons-google-confirm-dialog-in 0.32s cubic-bezier(0.34, 1.4, 0.5, 1) forwards;\n}\n.block-icons-google-confirm.is-closing .block-icons-google-confirm__backdrop {\n  animation: block-icons-google-confirm-backdrop-out 0.18s ease forwards;\n}\n.block-icons-google-confirm.is-closing .block-icons-google-confirm__dialog {\n  animation: block-icons-google-confirm-dialog-out 0.18s ease-in forwards;\n}\n.block-icons-google-confirm__icon.dashicons {\n  width: 40px;\n  height: 40px;\n  font-size: 40px;\n  line-height: 1;\n  color: #d63638;\n}\n.block-icons-google-confirm__title {\n  font-size: 1.45rem;\n  font-weight: 600;\n  color: #3c464c;\n}\n.block-icons-google-confirm__title[hidden] {\n  display: none;\n}\n.block-icons-google-confirm__message {\n  max-width: 85%;\n  margin: 0 auto 1.5rem;\n  font-size: 0.95rem;\n  line-height: 1.5;\n  color: #6b7177;\n}\n.block-icons-google-confirm__actions {\n  display: flex;\n  justify-content: center;\n  gap: 0.5rem;\n}\n.block-icons-google-confirm__ok.button.button-primary.block-icons-google-confirm__ok--danger {\n  background: #d63638;\n  border-color: #d63638;\n  color: #fff;\n  box-shadow: none;\n  text-shadow: none;\n}\n.block-icons-google-confirm__ok.button.button-primary.block-icons-google-confirm__ok--danger:hover, .block-icons-google-confirm__ok.button.button-primary.block-icons-google-confirm__ok--danger:focus {\n  background: rgb(197.179338843, 40.220661157, 42.1826446281);\n  border-color: rgb(197.179338843, 40.220661157, 42.1826446281);\n  color: #fff;\n}\n\n@keyframes block-icons-google-confirm-backdrop-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes block-icons-google-confirm-backdrop-out {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n@keyframes block-icons-google-confirm-dialog-in {\n  from {\n    opacity: 0;\n    transform: translateY(20px) scale(0.92);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n@keyframes block-icons-google-confirm-dialog-out {\n  from {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(10px) scale(0.96);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .block-icons-google-confirm__backdrop,\n  .block-icons-google-confirm__dialog,\n  .block-icons-google-confirm.is-closing .block-icons-google-confirm__backdrop,\n  .block-icons-google-confirm.is-closing .block-icons-google-confirm__dialog {\n    animation-duration: 0.01ms;\n  }\n}","@use \"abstracts\" as *;\n\nh1.block-icons-google-wrap__title {\n\tfont-size: $font-size-3xl;\n}\n\n.block-icons-google-wrap {\n\tmax-width: $max-content-width;\n\tmargin-right: $space-xl;\n\tmargin-top: 0;\n\n\t&__title {\n\t\tfont-size: $font-size-3xl;\n\t\tfont-weight: $font-weight-semibold;\n\t\tmargin: 0 0 $space-lg;\n\t\tpadding: 0;\n\t\tdisplay: none;\n\t}\n}\n\n.block-icons-google-options {\n\tdisplay: block;\n\tbackground: $color-bg-light;\n\tborder: 1px solid $color-border;\n\tborder-radius: $radius-2xl;\n\tbox-shadow: $shadow-sm;\n\toverflow: clip;\n\n\t&--with-sidebar {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: $sidebar-width 1fr;\n\t\tmin-height: 800px;\n\t\t// Full-height sidebar background + 1px divider via gradient (no HTML changes needed)\n\t\tbackground: linear-gradient(\n\t\t\tto right,\n\t\t\t$color-bg-light calc(#{$sidebar-width} - 1px),\n\t\t\t$color-border calc(#{$sidebar-width} - 1px),\n\t\t\t$color-border $sidebar-width,\n\t\t\t$color-bg-light $sidebar-width\n\t\t);\n\t}\n\n\t&--empty {\n\t\tpadding: $space-2xl $space-3xl;\n\n\t\tp {\n\t\t\tmax-width: 60ch;\n\t\t}\n\t}\n}\n\n@media (max-width: $breakpoint-xl) {\n\n\t.block-icons-google-options--with-sidebar {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tmin-height: 0;\n\t\tbackground: $color-bg-light;\n\t}\n}\n","$font-size-xs: 0.7rem;\n$font-size-sm: 0.75rem;\n$font-size-base: 0.85rem;\n$font-size-md: 0.875rem;\n$font-size-lg: 0.95rem;\n$font-size-xl: 1.15rem;\n$font-size-2xl: 1.45rem;\n$font-size-3xl: 1.85rem;\n\n$font-weight-normal: 400;\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n$font-weight-bold: 700;\n\n$line-height-tight: 1;\n$line-height-snug: 1.2;\n$line-height-normal: 1.5;\n","$sidebar-width: 350px;\n$max-content-width: 100%;\n\n// Fixed widths for form controls (select / date and similar inputs).\n$control-width-xs: 120px;\n$control-width-sm: 180px;\n$control-width-md: 250px;\n$control-width-lg: 340px;\n$control-width-xl: 480px;\n","// 4px-grid spacing scale, expressed in rem so it scales with root font size.\n$space-3xs: 0.125rem; // 2px\n$space-2xs: 0.25rem;  // 4px\n$space-xs: 0.375rem;  // 6px\n$space-sm: 0.5rem;    // 8px\n$space-md: 0.75rem;   // 12px\n$space-lg: 1rem;      // 16px\n$space-xl: 1.25rem;   // 20px\n$space-2xl: 1.5rem;   // 24px\n$space-3xl: 1.75rem;  // 28px\n","@use \"colors\" as *;\n\n$shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);\n$shadow-md: 0 1px 2px rgba(15, 23, 42, 0.18);\n$shadow-thumb: 0 1px 2px rgba(15, 23, 42, 0.25);\n$shadow-focus: 0 0 0 4px $color-primary-focus;\n$shadow-focus-strong: 0 0 0 2px $color-bg-light, 0 0 0 4px $color-primary-focus;\n","@use \"abstracts\" as *;\n\n.block-icons-google-options__sidebar {\n\tbackground: transparent;\n\tborder-right: none;\n\tpadding: $space-2xl $space-xl;\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: sticky;\n\ttop: var(--wp-admin--admin-bar--height, 32px);\n\theight: calc(100vh - var(--wp-admin--admin-bar--height, 32px));\n\toverflow-y: auto;\n\talign-self: start;\n}\n\n.block-icons-google-options__brand {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: $space-sm;\n\tpadding: $space-xs $space-md $space-lg;\n\tborder-bottom: 1px solid $color-border-light;\n\tmargin-bottom: $space-lg;\n\n\t&-icon {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder: none;\n\t\twidth: 50px;\n\t\theight: 50px;\n\t\tborder-radius: $radius-lg;\n\t\tbackground: $color-primary;\n\t\tcolor: $color-bg-light;\n\t\tfont-size: $font-size-2xl;\n\t\tflex-shrink: 0;\n\t}\n\n\t&-name {\n\t\tfont-weight: $font-weight-semibold;\n\t\tfont-size: $font-size-xl;\n\t\tcolor: $color-text;\n\t\tflex: 1;\n\t\tmin-width: 0;\n\t}\n\n\t&-version {\n\t\tfont-size: $font-size-xs;\n\t\tfont-weight: $font-weight-semibold;\n\t\tcolor: $color-primary;\n\t\tbackground: rgba(34, 113, 177, 0.1);\n\t\tborder-radius: $radius-pill;\n\t\tpadding: 0.2rem 0.5rem;\n\t\twhite-space: nowrap;\n\t\tflex-shrink: 0;\n\t}\n}\n\n.block-icons-google-upgrade-box {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tpadding: $space-2xl;\n\tbackground: $color-primary;\n\tborder: none;\n\tborder-radius: $radius-xl;\n\ttext-align: center;\n\n\t&__icon {\n\t\tcolor: $color-primary;\n\t\tfont-size: 1.4rem;\n\t\twidth: 30px;\n\t\theight: 30px;\n\t\tbackground: $color-bg-light;\n\t\tpadding: $space-sm;\n\t\tmargin-bottom: $space-md;\n\t\tborder-radius: 999px;\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tjustify-content: center;\n\t\talign-items: center;\t\t\n\t}\n\n\t&__label {\n\t\tfont-size: $font-size-lg;\n\t\tfont-weight: $font-weight-semibold;\n\t\tcolor: $color-bg-light;\n\t\tmargin: 0;\n\t}\n\n\t&__text {\n\t\tfont-size: $font-size-md;\n\t\tcolor: $color-bg-light;\n\t\tmargin: 0;\n\t\tmargin-bottom: $space-md;\n\t}\n\n\t&__button {\n\t\tdisplay: block;\n\t\twidth: auto;\n\t\ttext-align: center;\n\t\tbackground: $color-bg-light;\n\t\tcolor: $color-text;\n\t\tborder: none;\n\t\tborder-radius: $radius-md;\n\t\tpadding: $space-sm $space-lg;\n\t\tfont-size: $font-size-md;\n\t\tfont-weight: $font-weight-semibold;\n\t\ttext-decoration: none;\n\t\ttransition: background $transition-fast, box-shadow $transition-fast;\n\t\tbox-shadow: 0 1px 3px rgba(34, 113, 177, 0.25);\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground: $color-primary-dark;\n\t\t\tcolor: $color-bg-light !important;\n\t\t\tbox-shadow: 0 2px 6px rgba(34, 113, 177, 0.35);\n\t\t}\n\t}\n\n\t.button-pro {\n\t\tbackground: $color-bg-light;\n\t\tborder-color: $color-bg-light;\n\t\tcolor: $color-text-dark;\n\n\t\t&:hover,\n\t\t&:focus,\n\t\t&:active {\n\t\t\tbackground: $color-primary-dark;\n\t\t\tborder-color: $color-primary-dark;\n\t\t\tcolor: $color-text-inverse;\t\n\t\t}\n\t}\n}\n\n.block-icons-google-options__sidebar-label {\n\tfont-size: $font-size-xs;\n\tfont-weight: $font-weight-semibold;\n\tletter-spacing: 0.06em;\n\ttext-transform: uppercase;\n\tcolor: $color-text-light;\n\tpadding: 0 $space-md $space-2xs;\n}\n\n.block-icons-google-options__group-nav {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: $space-3xs;\n}\n\n.block-icons-google-options__group-link {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: $space-sm;\n\tpadding: $space-md;\n\tborder-radius: $radius-lg;\n\tcolor: $color-text;\n\ttext-decoration: none;\n\tfont-size: $font-size-md;\n\ttransition: background $transition-fast, color $transition-fast;\n\n\t// Conditional groups are toggled via the `hidden` attribute by the options\n\t// JS. The `display: flex` above beats the UA `[hidden]` stylesheet, so\n\t// without this rule a hidden group link stays visible.\n\t&[hidden] {\n\t\tdisplay: none;\n\t}\n\n\t.dashicons {\n\t\tfont-size: $font-size-xl;\n\t\twidth: $font-size-xl;\n\t\theight: $font-size-xl;\n\t\tline-height: $line-height-tight;\n\t\tcolor: $color-text-light;\n\t\ttransition: color $transition-fast;\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\tborder-radius: $radius-lg;\n\t\tbackground: $color-bg-hover;\n\t\tcolor: $color-text;\n\t}\n\n\t&.is-active {\n\t\tbackground: $color-primary;\n\t\tcolor: $color-bg-light;\n\n\t\t.dashicons {\n\t\t\tcolor: $color-bg-light;\n\t\t}\n\t}\n}\n\n.block-icons-google-options__group-label {\n\tflex: 1;\n\tmin-width: 0;\n}\n\n.block-icons-google-options__sidebar-footer {\n\tpadding-top: $space-lg;\n\tborder-top: 1px solid $color-border-light;\n    margin-top: 1rem;\n}\n\n.block-icons-google-options__sidebar {\n\n\t@media (max-width: $breakpoint-xl) {\n\t\tposition: static;\n\t\ttop: auto;\n\t\theight: auto;\n\t\twidth: 100%;\n\t\toverflow-y: visible;\n\t\tbackground: $color-bg-light;\n\t\tborder-bottom: 1px solid $color-border;\n\t}\n}","@use \"abstracts\" as *;\n\n// Prevent the bare hex input from flashing before `wpColorPicker` upgrades it.\n.js .block-icons-google-color-picker:not(.wp-color-picker) {\n\tdisplay: none;\n}\n\n.wp-picker-input-wrap .button.wp-picker-default {\n\n\t@extend %block-icons-google-button;\n\n\tdisplay: inline-block;\n}","@use \"abstracts\" as *;\n\n.block-icons-google-options__content {\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-width: 0;\n}\n\n.block-icons-google-options__form {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n}\n\n.block-icons-google-options__header {\n\tpadding: $space-md $space-3xl;\n\tposition: sticky;\n\ttop: 32px; // WP admin bar height\n\tz-index: 10;\n\tbackground: $color-bg-light;\n\tbox-shadow: 5px 2px 8px rgb(213 213 213 / 50%);\n}\n\n.block-icons-google-options__header-top {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: $space-lg;\n\tmargin-bottom: $space-sm;\n}\n\n.block-icons-google-options__header-actions {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: $space-sm;\n\tflex-shrink: 0;\n}\n\n.block-icons-google-options__title {\n\tmargin: 0;\n\tfont-size: $font-size-2xl;\n\tfont-weight: $font-weight-semibold;\n\tcolor: $color-text;\n\tline-height: normal;\n}\n\n.block-icons-google-options__tabs {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: $space-2xl;\n\tmargin: 0 #{-1 * $space-3xl};\n\tpadding: 0 $space-3xl;\n}\n\n.block-icons-google-options__tab {\n\tposition: relative;\n\tpadding: 4px 0;\n\tcolor: $color-text;\n\tfont-size: $font-size-md;\n\ttext-decoration: none;\n\ttransition: color $transition-fast;\n\n\t&:hover,\n\t&:focus {\n\t\tcolor: $color-text;\n\t}\n\n\t&.is-active {\n\t\tcolor: $color-primary;\n\t\tfont-weight: $font-weight-semibold;\n\n\t\t&::after {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\tbottom: -2px;\n\t\t\theight: 2px;\n\t\t\tbackground: $color-primary;\n\t\t\tborder-radius: $radius-sm;\n\t\t}\n\t}\n}\n\n.block-icons-google-options__sections {\n\tposition: relative;\n\tpadding: $space-2xl $space-2xl 0;\n\tflex: 1;\n\tbackground: $color-bg;\n}\n\n// Guidance banner shown when the active group/tab is gated on a control that\n// is not on this page. Sits above the section cards (or the active panel's).\n.block-icons-google-options__dependency-notice {\n\tmargin-bottom: $space-2xl;\n}\n\n.block-icons-google-options__tab-panel {\n\t// Inactive panels stay in the layout (so embedded TinyMCE/CodeMirror\n\t// editors get a real width on init) but are pulled out of flow and made\n\t// invisible + unfocusable. JS toggles `is-active` on tab clicks; without\n\t// JS the tab links fall back to a normal page reload.\n\t&:not(.is-active) {\n\t\tposition: absolute;\n\t\tinset: 0 0 auto;\n\t\tvisibility: hidden;\n\t}\n}\n\n.block-icons-google-options__empty {\n\tpadding: $space-3xl;\n\ttext-align: center;\n\tcolor: $color-text-light;\n\tborder: 1px dashed $color-border-dark;\n\tborder-radius: $radius-lg;\n}\n\n@media (max-width: $breakpoint-xl) {\n\n\t.block-icons-google-options__content {\n\t\twidth: 100%;\n\n\t\t.block-icons-google-options__sections {\n\t\t\tpadding: $space-2xl 0 0;\n\t\t}\t\n\t}\t\n}\n\n@media (max-width: $breakpoint-md) {\n\n\t.block-icons-google-wrap {\n\t\tmargin-right: 10px;\n\t}\t\n}\n\n@media (max-width: $breakpoint-sm) {\n\n\t.block-icons-google-options__header {\n\t\ttop: 0;\n\t}\t\n}\n","@use \"abstracts\" as *;\n\n.block-icons-google-options__section {\n\tbackground: $color-bg-light;\n\tborder: 1px solid $color-border;\n\tborder-radius: $radius-xl;\n\tpadding: $space-xl $space-2xl $space-2xl;\n\tmargin-bottom: $space-2xl;\n\n\t&-header {\n\t\tmargin-bottom: $space-lg;\n\t}\n\n\t&-title {\n\t\tmargin: 0 0 $space-xs;\n\t\tfont-size: $font-size-xl;\n\t\tfont-weight: $font-weight-semibold;\n\t\tcolor: $color-text;\n\t}\n\n\t&-description {\n\t\tmargin: 0;\n\t\tcolor: $color-text-light;\n\t\tfont-size: $font-size-lg;\n\t}\n\n\t&-body {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: $space-lg;\n\t}\n}\n","@use \"abstracts\" as *;\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n\tmargin: $space-lg 0;\n}\n\n.block-icons-google-options__button.button,\n.block-icons-google-options__reset.button {\n\n\t@extend %block-icons-google-button;\n}\n\n.block-icons-google-options__save.button-primary {\n\n\t@extend %block-icons-google-button-primary;\n}","@use \"sass:color\";\n@use \"abstracts\" as *;\n\n.block-icons-google-wrap {\n\n\t.button {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: $space-xs;\n\t\tmin-height: 40px;\n\t\theight: auto;\n\t\tmargin: 0;\n\t\tpadding: $space-2xs $space-lg;\n\t\tborder: 1px solid transparent;\n\t\tborder-radius: $radius-md;\n\t\tfont-size: $font-size-md;\n\t\tfont-weight: $font-weight-medium;\n\t\tline-height: $line-height-snug;\n\t\ttext-decoration: none;\n\t\twhite-space: nowrap;\n\t\tcursor: pointer;\n\t\tbox-shadow: none;\n\t\ttransition: $transition-fast;\n\t\twidth: max-content;\n\n\t\t.dashicons {\n\t\t\tfont-size: 16px;\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t\tline-height: 1;\n\t\t}\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t\tbox-shadow: none;\n\t\t}\n\n\t\t&:disabled,\n\t\t&[disabled] {\n\t\t\topacity: 0.6;\n\t\t\tcursor: not-allowed;\n\t\t}\n\t}\n\n\t.button-primary {\n\t\tbackground: $color-primary;\n\t\tborder-color: $color-primary;\n\t\tcolor: $color-text-inverse;\n\n\t\t&:hover {\n\t\t\tbackground: $color-primary-dark;\n\t\t\tborder-color: $color-primary-dark;\n\t\t\tcolor: $color-text-inverse;\n\t\t}\n\n\t\t&:focus,\n\t\t&:active {\n\t\t\tbackground: $color-primary-dark;\n\t\t\toutline: 2px solid $color-text-inverse;\n\t\t\toutline-offset: -4px;\n\t\t\tcolor: $color-text-inverse;\n\t\t}\n\t}\n\n\t.button-outline {\n\t\tbackground: transparent;\n\t\tborder-color: $color-border-dark;\n\t\tcolor: $color-text;\n\n\t\t&:hover,\n\t\t&:focus,\n\t\t&:active {\n\t\t\tborder-color: $color-primary;\n\t\t\tcolor: $color-primary-dark;\n\t\t\tbackground: color.adjust($color-primary, $lightness: 50%);\n\t\t}\n\t}\n\n\t// Destructive outline action: red border + soft red tint, filling solid red\n\t// on hover. Always pair with a confirm dialog.\n\t.button-danger {\n\t\tbackground: color.adjust($color-danger, $lightness: 42%);\n\t\tborder-color: $color-danger;\n\t\tcolor: $color-danger;\n\n\t\t&:hover,\n\t\t&:focus,\n\t\t&:active {\n\t\t\tbackground: $color-danger;\n\t\t\tborder-color: $color-danger;\n\t\t\tcolor: $color-text-inverse;\n\t\t}\n\t}\n}\n","$transition-fast: 0.12s ease;\n$transition-default: 0.15s ease;\n$transition-slow: 0.25s ease;\n","@use \"abstracts\" as *;\n\n.block-icons-google-field {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr;\n\tgap: $space-2xs;\n\n\t// Conditional fields are toggled via the `hidden` attribute by the\n\t// options JS. The `display: grid` above beats the UA `[hidden]`\n\t// stylesheet, so without this rule a hidden field stays visible.\n\t&[hidden] {\n\t\tdisplay: none;\n\t}\n\n\t&__label label {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tflex-wrap: wrap;\n\t\tgap: $space-xs;\n\t\tfont-size: $font-size-lg;\n\t\tfont-weight: $font-weight-medium;\n\t\tcolor: $color-text;\n\t}\n\n\t&__tier {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tpadding: $space-2xs $space-sm;\n\t\tborder-radius: $radius-pill;\n\t\tfont-size: 0.65rem;\n\t\tfont-weight: $font-weight-semibold;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 0.06em;\n\t\tline-height: $line-height-snug;\n\t\twhite-space: nowrap;\n\n\t\t&--pro {\n\t\t\tbackground: linear-gradient(135deg, $color-primary 0%, $color-primary 100%);\n\t\t\tcolor: $color-bg-light;\n\t\t\tborder: 1px solid $color-primary;\n\t\t}\n\t}\n\n\t// \"Locked\" presentation for Pro-tier rows. The control is rendered but\n\t// drained of colour and pointer access — readers see what the field would\n\t// look like in the upgraded plan without being able to mutate it.\n\t&--is-pro {\n\n\t\t.block-icons-google-field__control {\n\t\t\tposition: relative;\n\t\t\topacity: 0.4;\n\t\t\tpointer-events: none;\n\t\t\tuser-select: none;\n\t\t\tfilter: grayscale(0.4);\n\n\t\t\t// Tap target for the badge tooltip; an unstyled overlay keeps the\n\t\t\t// underlying control rendered without any visual chrome.\n\t\t\t&::before {\n\t\t\t\tcontent: \"\";\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: -$space-2xs;\n\t\t\t\tborder-radius: $radius-md;\n\t\t\t\tbackground: transparent;\n\t\t\t\tz-index: 1;\n\t\t\t}\n\t\t}\n\n\t\t.block-icons-google-field__label label {\n\t\t\tcolor: $color-text-light;\n\t\t}\n\t}\n\n\t&__control {\n\n\t\t.description {\n\t\t\tmargin-top: $space-2xs;\n\t\t\tcolor: $color-text-light;\n\t\t\tfont-size: $font-size-md;\n\t\t}\n\n\t\tinput,\n\t\ttextarea,\n\t\tselect {\n\t\t\tborder-radius: $radius-md;\n\t\t\tborder-color: $color-border-input;\n\t\t\tcolor: $color-text;\n\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\tborder-color: $color-primary-dark;\n\t\t\t}\n\t\t}\n\n\t\tselect,\n\t\tinput[type=\"date\"] {\n\t\t\tmax-width: 100%;\n\t\t\tmin-height: 40px;\n\t\t\twidth: $control-width-md;\n\n\t\t\t&:focus {\n\t\t\t\tborder: 1px solid $color-primary-dark;\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: 0 0 0 1px $color-primary-focus;\n\t\t\t}\n\t\t}\n\n\t\tinput.block-icons-google-input {\n\t\t\tmax-width: 100%;\n\t\t\tmin-height: 40px;\n\t\t\twidth: $control-width-md;\n\n\t\t\t&--xs {\n\t\t\t\twidth: $control-width-xs;\n\t\t\t}\n\n\t\t\t&--sm {\n\t\t\t\twidth: $control-width-sm;\n\t\t\t}\n\n\t\t\t&--md {\n\t\t\t\twidth: $control-width-md;\n\t\t\t}\n\n\t\t\t&--lg {\n\t\t\t\twidth: $control-width-lg;\n\t\t\t}\n\n\t\t\t&--xl {\n\t\t\t\twidth: $control-width-xl;\n\t\t\t}\n\n\t\t\t&--full {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t\tinput[type=\"radio\"],\n\t\tinput[type=\"checkbox\"] {\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t}\n\n\t\tinput[type=\"radio\"] {\n\t\t\tbackground: $color-bg-light;\n\t\t\tborder-radius: 100%;\n\n\t\t\t&:focus {\n\t\t\t\tbox-shadow: 0 0 0 1px $color-primary-dark;\n\t\t\t}\n\n\t\t\t&:checked::before {\n\t\t\t\tbackground: $color-primary-dark;\n\t\t\t\tmargin: 0;\n\t\t\t\twidth: 0.5rem;\n\t\t\t\theight: 0.5rem;\n\t\t\t}\n\t\t}\n\n\t\tinput[type=\"checkbox\"] {\n\t\t\tborder-radius: $radius-sm;\n\n\t\t\t&:focus {\n\t\t\t\tbox-shadow: 0 0 0 1px $color-primary-dark;\n\t\t\t}\n\t\t}\t\t\n\n\t\tinput[type=\"number\"] {\n\t\t\twidth: auto;\n\t\t}\n\n\t\tfieldset label {\n\t\t\tfont-size: $font-size-md;\n\t\t\tcolor: $color-text;\n\t\t}\n\t}\n\n\t&--toggle {\n\t\tgrid-template-columns: 1fr auto;\n\t\talign-items: center;\n\t\tcolumn-gap: $space-lg;\n\t\trow-gap: $space-2xs;\n\n\t\t.block-icons-google-field__label {\n\t\t\tgrid-column: 1;\n\t\t\tgrid-row: 1;\n\t\t}\n\n\t\t.block-icons-google-field__label label {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t.block-icons-google-field__control {\n\t\t\tdisplay: contents;\n\t\t}\n\n\t\t.block-icons-google-field__control > .block-icons-google-toggle {\n\t\t\tgrid-column: 2;\n\t\t\tgrid-row: 1;\n\t\t\tjustify-self: end;\n\t\t}\n\n\t\t.block-icons-google-field__control > .description {\n\t\t\tgrid-column: 1 / -1;\n\t\t\tgrid-row: 2;\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\n\t&--slider .block-icons-google-field__control,\n\t&--checkbox .block-icons-google-field__control,\n\t&--radio .block-icons-google-field__control {\n\n\t\t.description {\n\t\t\tmargin-top: $space-sm;\n\t\t}\n\t}\n}\n\n.block-icons-google-toggle {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tcursor: pointer;\n\tuser-select: none;\n\n\tinput[type=\"checkbox\"] {\n\t\tposition: absolute;\n\t\topacity: 0;\n\t\tpointer-events: none;\n\t\twidth: 1px;\n\t\theight: 1px;\n\n\t\t&:checked + .block-icons-google-toggle__track {\n\t\t\tbackground: $color-primary;\n\t\t\tborder-color: $color-primary;\n\n\t\t\t&::after {\n\t\t\t\ttransform: translateX(20px);\n\t\t\t\tbackground: $color-bg-light;\n\t\t\t}\n\t\t}\n\n\t\t&:focus-visible + .block-icons-google-toggle__track {\n\t\t\tbox-shadow: $shadow-focus-strong;\n\t\t}\n\t}\n\n\t&__track {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: 44px;\n\t\theight: 24px;\n\t\tbackground: $color-border-dark;\n\t\tborder: 1px solid $color-border-dark;\n\t\tborder-radius: $radius-pill;\n\t\ttransition: background $transition-default, border-color $transition-default;\n\n\t\t&::after {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\ttop: 3px;\n\t\t\tleft: 3px;\n\t\t\twidth: 18px;\n\t\t\theight: 18px;\n\t\t\tbackground: $color-bg-light;\n\t\t\tborder-radius: 50%;\n\t\t\ttransition: transform $transition-default;\n\t\t\tbox-shadow: $shadow-md;\n\t\t}\n\t}\n\n\t&__label {\n\t\tdisplay: none;\n\t}\n}\n\n.block-icons-google-color-picker + .wp-picker-container,\n.wp-picker-container .wp-color-result {\n\tborder-radius: $radius-md;\n}\n\n.wp-picker-container .wp-color-result {\n\t// to the rounded button so no white pokes out at the corners.\n\toverflow: hidden;\n}\n\n.block-icons-google-field--color .wp-picker-container {\n\tposition: relative;\n\n\t.wp-picker-holder {\n\t\tposition: absolute;\n\t\ttop: 100%;\n\t\tleft: 0;\n\t\tz-index: 100;\n\t}\n}\n\n@media (max-width: $breakpoint-lg) {\n\n\t.block-icons-google-field {\n\n\t\t&__control {\n\n\n\t\t\tinput.block-icons-google-input {\n\t\n\t\t\t\t&--xs,\n\t\t\t\t&--sm,\n\t\t\t\t&--md,\n\t\t\t\t&--lg,\n\t\t\t\t&--xl,\n\t\t\t\t&--full {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t}\t\t\t\n\n\t\t\tselect,\n\t\t\tinput[type=\"date\"] {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@media (max-width: $breakpoint-md) {\n\n\t.block-icons-google-field {\n\n\t\t&__control {\n\n\t\t\tinput[type=\"checkbox\"] {\n\n\t\t\t\t&:checked {\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tmargin: -0.1875rem 0 0 -0.25rem;\n\t\t\t\t\t\theight: 1.3125rem;\n\t\t\t\t\t\twidth: 1.3125rem;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@use \"abstracts\" as *;\n\n.block-icons-google-slider {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: $space-2xs;\n\tmax-width: 100%;\n\n\t&__track-row {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: $space-md;\n\t}\n\n\t&__input {\n\t\tflex: 1;\n\t\tappearance: none;\n\t\theight: 6px;\n\t\tborder-radius: $radius-pill;\n\t\tbackground: $color-border;\n\t\toutline: none;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\n\t\t&::-webkit-slider-thumb {\n\t\t\tappearance: none;\n\t\t\twidth: 24px;\n\t\t\theight: 24px;\n\t\t\tborder-radius: 50%;\n\t\t\tbackground: $color-primary;\n\t\t\tborder: 3px solid $color-bg-light;\n\t\t\tbox-shadow: $shadow-thumb;\n\t\t\tcursor: pointer;\n\t\t\ttransition: transform $transition-fast;\n\t\t}\n\n\t\t&::-moz-range-thumb {\n\t\t\twidth: 24px;\n\t\t\theight: 24px;\n\t\t\tborder-radius: 50%;\n\t\t\tbackground: $color-primary;\n\t\t\tborder: 3px solid $color-bg-light;\n\t\t\tbox-shadow: $shadow-thumb;\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t&:focus-visible::-webkit-slider-thumb {\n\t\t\tbox-shadow: $shadow-focus;\n\t\t}\n\t}\n\n\t&__value {\n\t\tmin-width: 3.5rem;\n\t\ttext-align: right;\n\t\tfont-size: $font-size-base;\n\t\tfont-weight: $font-weight-semibold;\n\t\tcolor: $color-primary;\n\t\tfont-variant-numeric: tabular-nums;\n\t}\n\n\t&__labels {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tfont-size: $font-size-md;\n\t\tcolor: $color-text-light;\n\t}\n}\n","@use \"abstracts\" as *;\n\n.block-icons-google-media {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: $space-sm;\n\tmax-width: 480px;\n\n\t&__row {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: $space-md;\n\t\tflex-wrap: wrap;\n\t}\n\n\t&__filename {\n\t\tfont-size: $font-size-base;\n\t\tcolor: $color-text-light;\n\t\tword-break: break-all;\n\t}\n\n\t&__remove {\n\t\tcolor: $color-danger;\n\t\ttext-decoration: none;\n\t\tfont-size: $font-size-base;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tcolor: $color-danger;\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n\n\t// Image variant — drag-drop dashed-border preview area.\n\t&--image &__preview {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tmin-height: 140px;\n\t\tborder: 1px dashed $color-border-dark;\n\t\tborder-radius: $radius-lg;\n\t\tbackground: $color-bg-light;\n\t\tbackground-position: center;\n\t\tbackground-size: cover;\n\t\tbackground-repeat: no-repeat;\n\t\tcolor: $color-text-light;\n\t\ttext-align: center;\n\t\tpadding: $space-lg;\n\t\ttransition: border-color $transition-default, background $transition-default;\n\n\t\t&.has-image {\n\t\t\tborder-style: solid;\n\t\t\tborder-color: $color-border;\n\t\t\tbackground-color: $color-bg-light;\n\t\t\tmin-height: 200px;\n\n\t\t\t.block-icons-google-media__placeholder {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__placeholder {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tgap: $space-xs;\n\t\tfont-size: $font-size-base;\n\n\t\t.dashicons {\n\t\t\tfont-size: 1.6rem;\n\t\t\twidth: 1.6rem;\n\t\t\theight: 1.6rem;\n\t\t\tcolor: $color-text-light;\n\t\t}\n\t}\n\n\t&__hint {\n\t\tfont-size: $font-size-sm;\n\t\tcolor: $color-text-light;\n\t}\n}\n","@use \"abstracts\" as *;\n\n.block-icons-google-code-editor {\n\twidth: 100%;\n\tfont-family: Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;\n\tfont-size: $font-size-md;\n}\n\n// CodeMirror upgrades the textarea — style the wrapper it injects so it\n// inherits the same border treatment as the rest of the form controls.\n.block-icons-google-options .CodeMirror {\n\tborder: 1px solid $color-border-input;\n\tborder-radius: $radius-md;\n\tfont-size: $font-size-md;\n\theight: 300px;\n\toverflow: hidden;\n}\n\n.block-icons-google-options .CodeMirror-scroll {\n\tmin-height: 300px;\n}\n\n.block-icons-google-options .CodeMirror-focused {\n\tborder-color: $color-primary;\n\tbox-shadow: $shadow-focus;\n}\n","@use \"abstracts\" as *;\n\n.block-icons-google-wysiwyg {\n\n\t.wp-editor-wrap {\n\t\tborder: 1px solid $color-border-input;\n\t\tborder-radius: $radius-md;\n\t\toverflow: hidden;\n\t}\n\n\t.wp-editor-tabs {\n\t\tbackground: $color-bg-light;\n\t}\n\n\t.mce-toolbar-grp {\n\t\tborder-bottom: 1px solid $color-border;\n\t}\n\n\t.mce-tinymce {\n\t\tborder-radius: $radius-md;\n\t}\n\n\t// TinyMCE's bottom-right resize handle uses an icon font glyph that leaves\n\t// a ghost square/character behind whenever the panel is re-shown after a\n\t// tab switch (the font has not always rehydrated by the time the toolbar\n\t// repaints). Hide both the handle and the inner icon entirely — the\n\t// editor height is configured via `editor_height`, so manual resize is\n\t// not needed in this admin context.\n\t.mce-statusbar .mce-resizehandle,\n\t.mce-ico.mce-i-resize {\n\t\tdisplay: none !important;\n\n\t\t&::before {\n\t\t\tcontent: none !important;\n\t\t}\n\t}\n}\n","@use \"abstracts\" as *;\n\n.block-icons-google-repeater {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: $space-md;\n\n\t&__rows {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: $space-md;\n\t}\n\n\t&__row {\n\t\tborder: 1px solid $color-border;\n\t\tborder-radius: $radius-lg;\n\t\tbackground: $color-bg-light;\n\t\tbox-shadow: $shadow-sm;\n\t\ttransition: box-shadow $transition-fast, border-color $transition-fast;\n\n\t\t&:hover {\n\t\t\tborder-color: $color-border-dark;\n\t\t\tbox-shadow: $shadow-md;\n\t\t}\n\t}\n\n\t&__row-header {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: $space-sm;\n\t\tpadding: $space-sm $space-md;\n\t\tbackground: $color-bg-light;\n\t\tborder-bottom: 1px solid $color-border;\n\t\tborder-top-left-radius: $radius-lg;\n\t\tborder-top-right-radius: $radius-lg;\n\t}\n\n\t&__drag {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 28px;\n\t\theight: 28px;\n\t\tborder-radius: $radius-md;\n\t\tcursor: grab;\n\t\tcolor: $color-text-light;\n\t\ttext-decoration: none;\n\t\tpadding: 0;\n\t\tline-height: 1;\n\t\ttransition: background $transition-fast, color $transition-fast;\n\t\tborder: none;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground: $color-bg-hover;\n\t\t\tcolor: $color-text;\n\t\t}\n\n\t\t&:active {\n\t\t\tcursor: grabbing;\n\t\t}\n\n\t\t.dashicons {\n\t\t\tfont-size: 18px;\n\t\t\twidth: 18px;\n\t\t\theight: 18px;\n\t\t\tline-height: 1;\n\t\t}\n\t}\n\n\t&__row-label {\n\t\tflex: 1;\n\t\tfont-size: $font-size-md;\n\t\tfont-weight: $font-weight-semibold;\n\t\tcolor: $color-text;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 0.06em;\n\t}\n\n\t&__row-number {\n\t\tcolor: $color-text-light;\n\t\tfont-weight: $font-weight-normal;\n\t\tmargin-left: $space-2xs;\n\t}\n\n\t&__remove {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcursor: pointer;\n\t\twidth: 28px;\n\t\theight: 28px;\n\t\tborder-radius: $radius-md;\n\t\tcolor: $color-danger;\n\t\ttext-decoration: none;\n\t\tpadding: 0;\n\t\tline-height: 1;\n\t\ttransition: background $transition-fast, color $transition-fast;\n\t\tborder: none;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground: rgba($color-danger, 0.1);\n\t\t\tcolor: $color-danger;\n\t\t\ttext-decoration: none;\n\t\t}\n\n\t\t&[disabled] {\n\t\t\topacity: 0.35;\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t.dashicons {\n\t\t\tfont-size: 18px;\n\t\t\twidth: 18px;\n\t\t\theight: 18px;\n\t\t\tline-height: 1;\n\t\t}\n\t}\n\n\t&__row-body {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: $space-lg;\n\t\tpadding: $space-lg $space-md;\n\t}\n\n\t&__field {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: minmax(120px, 200px) 1fr;\n\t\tgap: $space-md;\n\t\talign-items: center;\n\n\t\t.block-icons-google-field__label label {\n\t\t\tfont-size: $font-size-md;\n\t\t\tfont-weight: $font-weight-medium;\n\t\t\tcolor: $color-text;\n\t\t}\n\t}\n\n\t&__add {\n\t\talign-self: flex-start;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: $space-2xs;\n\t\tpadding: $space-sm $space-md;\n\t\tborder: 1px dashed $color-primary;\n\t\tbackground: transparent;\n\t\tcolor: $color-primary;\n\t\tborder-radius: $radius-md;\n\t\tfont-weight: $font-weight-medium;\n\t\tcursor: pointer;\n\t\ttransition: background $transition-fast, color $transition-fast, border-color $transition-fast;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground: $color-bg-hover;\n\t\t\tborder-color: $color-primary-dark;\n\t\t\tcolor: $color-primary-dark;\n\t\t}\n\n\t\t.dashicons {\n\t\t\tfont-size: $font-size-md;\n\t\t\twidth: $font-size-md;\n\t\t\theight: $font-size-md;\n\t\t\tline-height: 1;\n\t\t}\n\t}\n\n\t&__template {\n\t\tdisplay: none;\n\t}\n\n\t&__placeholder {\n\t\tborder: 1px dashed $color-border-dark;\n\t\tborder-radius: $radius-lg;\n\t\tbackground: $color-bg-light;\n\t\tmargin-bottom: $space-md;\n\t}\n}\n\n// jQuery UI Sortable applies the helper class directly on the row being\n// dragged; lift it visually so the drag origin is unambiguous.\n.block-icons-google-repeater__row.ui-sortable-helper {\n\tbox-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);\n\topacity: 0.95;\n\tborder-color: $color-primary;\n}\n\n@media (max-width: $breakpoint-sm) {\n\n\t.block-icons-google-repeater__field {\n\t\tgrid-template-columns: 1fr;\n\t\talign-items: start;\n\t}\n}\n","@use \"abstracts\" as *;\n\n.block-icons-google-typography {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(4, minmax(0, 1fr));\n\tgap: $space-md;\n\tmax-width: 720px;\n\n\tinput[type=\"number\"] {\n\t\twidth: 4.5rem;\n\t}\n\n\t&__group {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: $space-2xs;\n\t\tmin-width: 0;\n\t}\n\n\t&__label {\n\t\tfont-size: $font-size-md;\n\t\tcolor: $color-text-light;\n\t}\n\n\t&__size {\n\t\tdisplay: flex;\n\t\tgap: $space-2xs;\n\n\t\tinput[type=\"number\"] {\n\t\t\tflex: 1;\n\t\t\tmin-width: 0;\n\t\t}\n\n\t\tselect {\n\t\t\twidth: 4.5rem;\n\t\t\tflex: none;\n\t\t}\n\t}\n}\n\n@media (max-width: $breakpoint-lg) {\n\n\t.block-icons-google-typography {\n\t\tgrid-template-columns: repeat(2, minmax(0, 1fr));\n\t}\n}\n\n@media (max-width: $breakpoint-sm) {\n\n\t.block-icons-google-typography {\n\t\tgrid-template-columns: 1fr;\n\t}\n}","@use \"abstracts\" as *;\n\n.block-icons-google-spacing {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: flex-end;\n\tgap: $space-sm;\n\tmax-width: 520px;\n\n\tselect {\n\t\twidth: auto;\n\t}\n\n\t&__sides {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(4, minmax(70px, 1fr));\n\t\tgap: $space-sm;\n\t\tflex: 1;\n\t}\n\n\t&__side {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: $space-2xs;\n\t}\n\n\t&__side-label {\n\t\tfont-size: $font-size-sm;\n\t\tcolor: $color-text-light;\n\t\ttext-align: center;\n\t}\n\n\t&__input {\n\t\twidth: 100%;\n\t\ttext-align: center;\n\t}\n\n\t&__controls {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: $space-sm;\n\t}\n\n\t&__unit {\n\t\tmin-width: 4rem;\n\t}\n\n\t&__link {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\tborder: 1px solid $color-border-input;\n\t\tborder-radius: $radius-md;\n\t\tcursor: pointer;\n\t\tcolor: $color-text-light;\n\t\ttransition: background $transition-fast, color $transition-fast, border-color $transition-fast;\n\n\t\t&:hover {\n\t\t\topacity: .75;\n\t\t}\n\n\t\tinput[type=\"checkbox\"] {\n\t\t\tposition: absolute;\n\t\t\topacity: 0;\n\t\t\tpointer-events: none;\n\t\t\twidth: 1px;\n\t\t\theight: 1px;\n\t\t}\n\t}\n\n\t&.is-linked &__link {\n\t\tbackground: $color-primary;\n\t\tborder-color: $color-primary;\n\t\tcolor: $color-bg-light;\n\n\t\t&:hover {\n\t\t\tbackground: $color-primary-dark;\n\t\t\tborder-color: $color-primary-dark;\n\t\t\tcolor: $color-bg-light;\n\t\t}\n\t}\n}\n","@use \"abstracts\" as *;\n\n.block-icons-google-button-group {\n\tdisplay: inline-flex;\n\tflex-wrap: wrap;\n\tborder: 1px solid $color-border-input;\n\tborder-radius: $radius-md;\n\tbackground: $color-bg-light;\n\tpadding: $space-3xs;\n\tgap: $space-3xs;\n\tmax-width: 100%;\n\n\t&__option {\n\t\tposition: relative;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: $space-xs;\n\t\tpadding: $space-md;\n\t\tborder-radius: $radius-sm;\n\t\tfont-size: $font-size-md;\n\t\tfont-weight: $font-weight-medium;\n\t\tcolor: $color-text-light;\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\t\ttransition: background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;\n\n\t\tinput[type=\"radio\"] {\n\t\t\tposition: absolute;\n\t\t\twidth: 1px;\n\t\t\theight: 1px;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\topacity: 0;\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground: $color-primary-dark;\n\t\t\tcolor: $color-bg-light;\n\t\t}\n\n\t\t&.is-selected {\n\t\t\tbackground: $color-primary;\n\t\t\tcolor: $color-bg-light;\n\t\t\tbox-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);\n\t\t}\n\n\t\t&:has(input[type=\"radio\"]:focus-visible) {\n\t\t\tbox-shadow: $shadow-focus;\n\t\t}\n\t}\n\n\t&__icon.dashicons {\n\t\tfont-size: $font-size-xl;\n\t\twidth: $font-size-xl;\n\t\theight: $font-size-xl;\n\t\tline-height: $line-height-tight;\n\t}\n}\n","@use \"sass:color\";\n@use \"abstracts\" as *;\n\n// Tinted callout box. Variant colours are derived from the design tokens so the\n// hue stays in sync with the rest of the admin theme.\n.block-icons-google-notice {\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: $space-md;\n\tpadding: $space-md $space-lg;\n\tborder-radius: $radius-lg;\n\tborder: 1px solid transparent;\n\tborder-left-width: 4px;\n\tbackground: $color-bg-light;\n\n\t&__icon.dashicons {\n\t\tflex-shrink: 0;\n\t\tfont-size: 22px;\n\t\twidth: 22px;\n\t\theight: 22px;\n\t\tline-height: 1;\n\t\tmargin-top: 2px;\n\t}\n\n\t&__body {\n\t\tflex: 1;\n\t\tmin-width: 0;\n\t\tfont-size: $font-size-md;\n\t\tcolor: $color-text-inverse;\n\t\tline-height: $line-height-normal;\n\t}\n\n\t&__title {\n\t\tfont-size: $font-size-lg;\n\t\tmargin: 0 0 $space-3xs;\n\t\tfont-weight: $font-weight-semibold;\n\t\tcolor: $color-text;\n\t}\n\n\t&__message {\n\t\tcolor: $color-text;\n\n\t\tp {\n\t\t\tmargin: 0 0 $space-2xs;\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\ta {\n\t\t\tcolor: inherit;\n\t\t\ttext-decoration: underline;\n\t\t}\n\n\t\tcode {\n\t\t\tpadding: 0 $space-2xs;\n\t\t\tborder-radius: $radius-sm;\n\t\t\tbackground: rgba(15, 23, 42, 0.06);\n\t\t\tfont-size: 0.95em;\n\t\t}\n\t}\n\n\t&--info {\n\t\tbackground: color.adjust($color-primary, $lightness: 48%);\n\t\tborder-color: color.adjust($color-primary, $lightness: 40%);\n\t\tborder-left-color: $color-primary;\n\n\t\t.block-icons-google-notice__icon {\n\t\t\tcolor: $color-primary;\n\t\t}\n\t}\n\n\t&--success {\n\t\tbackground: color.adjust($color-success, $lightness: 60%);\n\t\tborder-color: color.adjust($color-success, $lightness: 50%);\n\t\tborder-left-color: $color-success;\n\n\t\t.block-icons-google-notice__icon {\n\t\t\tcolor: $color-success;\n\t\t}\n\t}\n\n\t&--warning {\n\t\tbackground: color.adjust($color-warning, $lightness: 30%);\n\t\tborder-color: color.adjust($color-warning, $lightness: 20%);\n\t\tborder-left-color: color.adjust($color-warning, $lightness: -10%);\n\n\t\t.block-icons-google-notice__icon {\n\t\t\tcolor: color.adjust($color-warning, $lightness: -18%);\n\t\t}\n\t}\n\n\t&--error {\n\t\tbackground: color.adjust($color-danger, $lightness: 45%);\n\t\tborder-color: color.adjust($color-danger, $lightness: 38%);\n\t\tborder-left-color: $color-danger;\n\n\t\t.block-icons-google-notice__icon {\n\t\t\tcolor: $color-danger;\n\t\t}\n\t}\n}\n\n// Notice rows don't need the label cell — the callout already carries its own\n// heading via `title`. Hide the label slot so the body spans the full row.\n.block-icons-google-field--notice {\n\n\t.block-icons-google-field__label {\n\t\tdisplay: none;\n\t}\n}\n","@use \"abstracts\" as *;\n\n.block-icons-google-date {\n\tmax-width: 12rem;\n\theight: 40px;\n\tpadding: 0 $space-sm;\n\tborder: 1px solid $color-border-input;\n\tborder-radius: $radius-md;\n\tbackground: $color-bg-light;\n\tcolor: $color-text;\n\tfont-size: $font-size-md;\n\tfont-family: inherit;\n\tline-height: $line-height-snug;\n\ttransition: border-color 0.12s ease, box-shadow 0.12s ease;\n\n\t&:hover {\n\t\tborder-color: $color-text-light;\n\t}\n\n\t&:focus,\n\t&:focus-visible {\n\t\tborder-color: $color-primary;\n\t\tbox-shadow: $shadow-focus;\n\t\toutline: none;\n\t}\n\n\t// Chrome / Safari render the calendar picker indicator with a subtle gray\n\t// glyph by default; tint it to match the primary palette on focus.\n\t&::-webkit-calendar-picker-indicator {\n\t\tcursor: pointer;\n\t\topacity: 0.65;\n\t\ttransition: opacity 0.12s ease;\n\t}\n\n\t&:hover::-webkit-calendar-picker-indicator,\n\t&:focus::-webkit-calendar-picker-indicator {\n\t\topacity: 1;\n\t}\n}\n","@use \"abstracts\" as *;\n\n.block-icons-google-options__footer {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tgap: $space-lg;\n\tpadding: $space-lg $space-3xl;\n\tborder-top: 1px solid $color-border;\n\tbackground: $color-bg-light;\n\tposition: sticky;\n\tbottom: 0;\n\tz-index: 10;\n}\n\n.block-icons-google-options__footer-actions {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: $space-sm;\n}\n\n@media (max-width: $breakpoint-md) {\n\n\t.block-icons-google-options--with-sidebar {\n\t\tgrid-template-columns: 1fr;\n\t}\n\n\t.block-icons-google-options__sidebar {\n\t\tborder-right: 0;\n\t\tborder-bottom: 1px solid $color-border;\n\t}\n\n\t.block-icons-google-options__footer {\n\t\tflex-direction: column;\n\t\talign-items: stretch;\n\t}\n\n\t.block-icons-google-options__footer-actions {\n\t\tjustify-content: flex-end;\n\t}\n}\n","@use \"sass:color\";\n@use \"abstracts\" as *;\n\n// Custom confirmation dialog used in place of the browser-native `confirm()`\n// for destructive actions (e.g. \"Reset Defaults\"). The markup is injected by\n// JS and toggled via the `hidden` attribute; see `initConfirmDialogs()` in\n// `src/options-page.js`.\n.block-icons-google-confirm {\n\tposition: fixed;\n\tinset: 0;\n\tz-index: 100000; // above the WP admin bar (99999).\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: $space-lg;\n\n\t&[hidden] {\n\t\tdisplay: none;\n\t}\n\n\t&__backdrop {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tbackground: rgba(15, 23, 42, 0.55);\n\t\tanimation: block-icons-google-confirm-backdrop-in 0.2s ease forwards;\n\t}\n\n\t&__dialog {\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\tmax-width: 480px;\n\t\tpadding: $space-2xl;\n\t\ttext-align: center;\n\t\tbackground: $color-bg-light;\n\t\tborder-radius: $radius-xl;\n\t\tbox-shadow: 0 10px 40px rgba(15, 23, 42, 0.25);\n\t\t// Gentle ease-out-back so the panel settles in with a slight spring\n\t\t// instead of snapping into place.\n\t\tanimation: block-icons-google-confirm-dialog-in 0.32s\n\t\t\tcubic-bezier(0.34, 1.4, 0.5, 1) forwards;\n\t}\n\n\t// Reverse the entrance while JS keeps the node mounted, then hide it on\n\t// `animationend`. Faster + ease-in so dismissal feels crisp, not sluggish.\n\t&.is-closing {\n\n\t\t.block-icons-google-confirm__backdrop {\n\t\t\tanimation: block-icons-google-confirm-backdrop-out 0.18s ease forwards;\n\t\t}\n\n\t\t.block-icons-google-confirm__dialog {\n\t\t\tanimation: block-icons-google-confirm-dialog-out 0.18s ease-in forwards;\n\t\t}\n\t}\n\n\t&__icon.dashicons {\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\tfont-size: 40px;\n\t\tline-height: 1;\n\t\tcolor: $color-danger;\n\t}\n\n\t&__title {\n\t\tfont-size: $font-size-2xl;\n\t\tfont-weight: $font-weight-semibold;\n\t\tcolor: $color-text;\n\n\t\t&[hidden] {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&__message {\n\t\tmax-width: 85%;\n\t\tmargin: 0 auto $space-2xl;\n\t\tfont-size: $font-size-lg;\n\t\tline-height: $line-height-normal;\n\t\tcolor: $color-text-light;\n\t}\n\n\t&__actions {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tgap: $space-sm;\n\t}\n\n\t// Destructive confirm button — overrides the WP primary button palette.\n\t&__ok.button.button-primary.block-icons-google-confirm__ok--danger {\n\t\tbackground: $color-danger;\n\t\tborder-color: $color-danger;\n\t\tcolor: $color-text-inverse;\n\t\tbox-shadow: none;\n\t\ttext-shadow: none;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground: color.adjust($color-danger, $lightness: -6%);\n\t\t\tborder-color: color.adjust($color-danger, $lightness: -6%);\n\t\t\tcolor: $color-text-inverse;\n\t\t}\n\t}\n}\n\n@keyframes block-icons-google-confirm-backdrop-in {\n\n\tfrom {\n\t\topacity: 0;\n\t}\n\n\tto {\n\t\topacity: 1;\n\t}\n}\n\n@keyframes block-icons-google-confirm-backdrop-out {\n\n\tfrom {\n\t\topacity: 1;\n\t}\n\n\tto {\n\t\topacity: 0;\n\t}\n}\n\n@keyframes block-icons-google-confirm-dialog-in {\n\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(20px) scale(0.92);\n\t}\n\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0) scale(1);\n\t}\n}\n\n@keyframes block-icons-google-confirm-dialog-out {\n\n\tfrom {\n\t\topacity: 1;\n\t\ttransform: translateY(0) scale(1);\n\t}\n\n\tto {\n\t\topacity: 0;\n\t\ttransform: translateY(10px) scale(0.96);\n\t}\n}\n\n// Honour reduced-motion: keep the dialog functional but skip the movement.\n@media (prefers-reduced-motion: reduce) {\n\n\t.block-icons-google-confirm__backdrop,\n\t.block-icons-google-confirm__dialog,\n\t.block-icons-google-confirm.is-closing .block-icons-google-confirm__backdrop,\n\t.block-icons-google-confirm.is-closing .block-icons-google-confirm__dialog {\n\t\tanimation-duration: 0.01ms;\n\t}\n}\n"]}