"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _default = styled`
.react-dat-gui li.folder {
  display: block;
  padding: 0;

  .title {
    font-weight: bold;
    user-select: none;
    display: block;
    cursor: pointer;
    padding: 5px 5px 5px 16px;
    background: $folder-open;
  }

  ul {
    margin-left: $nest-margin;
    width: calc(100% - #{$nest-margin});
  }

  &.closed {

    .title {
      background: $folder-closed;
    }

    ul {
      display: none;
    }
  }
}
`;

exports.default = _default;