import styled, { css } from 'styled-components';
export var StyledHeader = styled.header.withConfig({
  displayName: "StyledHeader",
  componentId: "sc-1c8rws9-0"
})(["position:relative;margin-bottom:-1px;", ""], function (_ref) {
  var $isScrollable = _ref.$isScrollable;
  return $isScrollable && css(["display:flex;flex-direction:row;align-items:flex-end;"]);
});