{"mappings":"AAAA;;;;;;AAKE;;;;;AAKA;;;;AAKF;;;;;;;;AAYE;;;;;;AAMA;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;;;;AAIA;;;;;;;AAOA;;;;;;;;AAOA;;;;;AAMF;EAEI","sources":["packages/@react-spectrum/actionbar/src/actionbar.css"],"sourcesContent":[".ActionBarContainer {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  & > :not(.react-spectrum-ActionBar) {\n    flex: 1;\n    min-height: 0;\n  }\n\n  & > .react-spectrum-ActionBar {\n    flex: 0 0 auto;\n  }\n}\n\n.react-spectrum-ActionBar {\n  transition: height var(--spectrum-global-animation-duration-100) ease-in-out,\n              opacity var(--spectrum-global-animation-duration-100) ease-in-out;\n\n  /* Take up no space when not open */\n  block-size: 0;\n  opacity: 0;\n  width: 100%;\n\n  /* Clip anything outside of us, whether we're open or not. This makes the animation smooth */\n  overflow: hidden;\n\n  &.is-open {\n    height: calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-100) * 2);\n    opacity: 1;\n    transition-delay: 0ms;\n  }\n\n  .react-spectrum-ActionBar-bar {\n    display: grid;\n    grid-template-areas: \"clear selected . actiongroup\";\n    grid-template-columns: auto max-content minmax(var(--spectrum-global-dimension-size-300), 1fr) auto;\n    align-items: center;\n    isolation: isolate;\n    justify-content: space-between;\n    padding: var(--spectrum-global-dimension-size-100);\n\n    position: absolute;\n    bottom: var(--spectrum-global-dimension-size-100);\n    left: var(--spectrum-global-dimension-size-100);\n    right: var(--spectrum-global-dimension-size-100);\n    max-width: 960px;\n    margin: 0 auto;\n\n    background: var(--spectrum-global-color-gray-50);\n    border-radius: var(--spectrum-popover-border-radius);\n    border-style: solid;\n    border-width: var(--spectrum-popover-border-size);\n    border-color: var(--spectrum-popover-border-color);\n    box-shadow: 0 2px 8px var(--spectrum-alias-dropshadow-color);\n\n    transform: translateY(var(--spectrum-overlay-positive-transform-distance));\n    transition: transform var(--spectrum-global-animation-duration-100) ease-in-out;\n  }\n\n  &.is-open .react-spectrum-ActionBar-bar {\n    transform: translateY(0);\n  }\n\n  &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n    background: var(--spectrum-global-color-static-blue-700);\n    color: white;\n    box-shadow: 0 2px 6px var(--spectrum-alias-dropshadow-color);\n    border: none;\n  }\n\n  .react-spectrum-ActionBar-selectedCount {\n    grid-area: selected;\n    padding: 0 var(--spectrum-global-dimension-size-50);\n    user-select: none;\n    cursor: default;\n  }\n\n  .react-spectrum-ActionBar-actionGroup {\n    grid-area: actiongroup;\n    min-width: 0;\n  }\n}\n@media (forced-colors: active) {\n  .react-spectrum-ActionBar {\n    &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n\n      border: 1px solid transparent;\n    }\n  }\n}\n"],"names":[],"version":3,"file":"actionbar.bdfe7eee.css.map"}