import styled, { css } from 'styled-components';
export var StyledDescriptionList = styled.dl.withConfig({
  displayName: "StyledDescriptionList",
  componentId: "sc-68c3z5-0"
})(["overflow:hidden;transition:200ms max-height linear;margin-block:0;", " ", ""], function (_ref) {
  var $isCollapsible = _ref.$isCollapsible;
  return $isCollapsible && css(["border-radius:3px;max-height:100%;"]);
}, function (_ref2) {
  var $isCollapsible = _ref2.$isCollapsible,
    $isOpen = _ref2.$isOpen;
  return $isCollapsible && !$isOpen && css(["max-height:37px;"]);
});