import styled from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
import { getTransitionOpacity } from '../../../styled-components';
var zIndex = selectors.zIndex;
export var StyledFloatingBox = styled.div.withConfig({
  displayName: "StyledFloatingBox",
  componentId: "sc-1buqefy-0"
})(["z-index:", ";opacity:", ";padding:0.5rem;"], zIndex('dropdown', 1), function (_ref) {
  var $transitionStatus = _ref.$transitionStatus;
  return getTransitionOpacity($transitionStatus);
});