{"version":3,"sources":["action_bar.pcss"],"names":[],"mappings":"AACA,WAEE,sBAAwB,CAGxB,WAAY,CACZ,aAAc,CAGd,wBAAyB,CANzB,iDAA+C,CAK/C,eAAgB,CAPhB,iBASF,CAEA,qCARE,kBAAmB,CAGnB,kBAWF,CANA,0BACE,YAAa,CAIb,WAAY,CADZ,aAEF,CAEA,gBAEE,aAAc,CADd,iBAEF,CAEA,qBACE,aACF,CAEA,kBACE,mDACF,CAEA,kBACE,kDACF,CAIA,mBAGE,8GAAmE,CAFnE,8CAA4C,CAC5C,uDAEF,CAEA,qCACE,sDACF,CAEA,qCACE,sDACF,CAIA,wBACE,qCACE,mFACF,CAEA,4CACE,qFACF,CAEA,4CACE,oFACF,CACF","file":"action_bar.css","sourcesContent":["/* CSS for ActionBar  */\n.ActionBar {\n  position: relative;\n  display: flex !important;\n  min-width: calc(var(--control-medium-size) * 3); \n  align-items: center;\n  flex-grow: 1;\n  flex-shrink: 1;\n  box-sizing: content-box;\n  overflow: hidden;\n  justify-content: flex-end;\n}\n\n.ActionBar-item-container {\n  display: flex;\n  box-sizing: content-box;\n  align-items: center;\n  flex-shrink: 0;\n  flex-grow: 0;\n}\n\n.ActionBar-item {\n  position: relative;\n  flex-shrink: 0;\n}\n\n.ActionBar-more-menu {\n  flex-shrink: 0;\n}\n\n.ActionBar--small {\n  min-width: calc(var(--control-small-size) * 3);\n}\n\n.ActionBar--large {\n  min-width: calc(var(--control-large-size) * 3);\n}\n\n/* Divider */\n\n.ActionBar-divider {\n  height: calc(var(--control-medium-size) / 2);\n  margin: 0 var(--controlStack-medium-gap-condensed);\n  border-left: var(--borderWidth-thin) solid var(--borderColor-muted);\n}\n\n.ActionBar--small .ActionBar-divider {\n  margin: 0 var(--controlStack-small-gap-condensed);\n}\n\n.ActionBar--large .ActionBar-divider {\n  margin: 0 var(--controlStack-large-gap-condensed);\n}\n\n/* Increase spacing so touch targets don't overlap */\n\n@media (pointer: coarse) {\n  .ActionBar .ActionBar-item-container {\n    gap: calc(var(--control-minTarget-coarse) - var(--control-medium-size)); /* 12px */\n  }\n\n  .ActionBar--small .ActionBar-item-container {\n    gap: calc(var(--control-minTarget-coarse) - var(--control-small-size));  /* 16px */\n  }\n\n  .ActionBar--large .ActionBar-item-container {\n    gap: calc(var(--control-minTarget-coarse) - var(--control-large-size));  /* 4px */\n  }\n}\n"]}