/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.HierarchyBrowserList_textUppercase_1yF0d {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.HierarchyBrowserList_textFieldTitle_1Xj3G {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

.HierarchyBrowserList_textSmoothing_1bnXH, .HierarchyBrowserList_textPageTitle_QO0GN {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.HierarchyBrowserList_textPageTitle_QO0GN {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .HierarchyBrowserList_textPageTitle_QO0GN {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.HierarchyBrowserList_screenreaderOnly_2UylW {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.HierarchyBrowserList_resetScreenreaderOnly_3YKl0 {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.HierarchyBrowserList_listUnstyled_tIhk8 {
  padding-left: 0;
  list-style: none; }

.HierarchyBrowserList_buttonUnstyled_1BXPj {
  display: block;
  border: none; }

.HierarchyBrowserList_shadow_1ED5u {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.HierarchyBrowserList_mobileFullscreenFallback_3dBnD {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .HierarchyBrowserList_mobileFullscreenFallback_3dBnD > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.HierarchyBrowserList_hierarchyBrowserList_16Yk_ {
  height: calc(100% - 40px); }

.HierarchyBrowserList_listInfo_2CTSe {
  position: absolute;
  bottom: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 8px;
  font-size: 0.875rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  background-color: #fff;
  border-top: 1px solid #ccc; }

.HierarchyBrowserList_listInfoLevel_2Jyky {
  color: #555;
  font-weight: 500; }

.HierarchyBrowserList_row_17fRI {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 8px; }

.HierarchyBrowserList_rowSelected_3W3Tv {
  font-weight: bold; }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.HTag_textUppercase_3ZuEJ {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.HTag_textFieldTitle_2a1F0 {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

.HTag_textSmoothing_1aMOD, .HTag_textPageTitle_2912S {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.HTag_textPageTitle_2912S {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .HTag_textPageTitle_2912S {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.HTag_screenreaderOnly_1Rgw2 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.HTag_resetScreenreaderOnly_1vCA1 {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.HTag_listUnstyled_EsOPN {
  padding-left: 0;
  list-style: none; }

.HTag_buttonUnstyled_Qxmi0 {
  display: block;
  border: none; }

.HTag_shadow_173qW {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.HTag_mobileFullscreenFallback_O32hx {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .HTag_mobileFullscreenFallback_O32hx > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.HTag_hTag_2ELAe {
  display: block; }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.HierarchyBrowser_textUppercase_3FgS5 {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.HierarchyBrowser_textFieldTitle_pNwAo {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

.HierarchyBrowser_textSmoothing_1fZq4, .HierarchyBrowser_textPageTitle_2iGEG {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.HierarchyBrowser_textPageTitle_2iGEG {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .HierarchyBrowser_textPageTitle_2iGEG {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.HierarchyBrowser_screenreaderOnly_IWjqm {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.HierarchyBrowser_resetScreenreaderOnly_3cMRP {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.HierarchyBrowser_listUnstyled_2pWAQ {
  padding-left: 0;
  list-style: none; }

.HierarchyBrowser_buttonUnstyled__qAuE {
  display: block;
  border: none; }

.HierarchyBrowser_shadow_2QMIA {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.HierarchyBrowser_mobileFullscreenFallback_3FVfC {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .HierarchyBrowser_mobileFullscreenFallback_3FVfC > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.HierarchyBrowser_hierarchyBrowser_RMTb6 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: calc(100vh - 8px * 13);
  max-height: 46rem;
  overflow-x: scroll;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  border: 1px solid #ccc; }
  @media only screen and (min-width: 33.5rem) {
    .HierarchyBrowser_hierarchyBrowser_RMTb6 {
      -ms-scroll-snap-type: none;
          scroll-snap-type: none; } }

.HierarchyBrowser_list_2lgcJ {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 90%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* important for iOS */
  scroll-snap-align: center;
  border-right: 1px solid #ccc; }
  @media only screen and (min-width: 33.5rem) {
    .HierarchyBrowser_list_2lgcJ {
      scroll-snap-align: none;
      max-width: 32%; } }
  @media only screen and (min-width: 33.5rem) {
    .HierarchyBrowser_list_2lgcJ {
      max-width: 64%; } }
  @media only screen and (min-width: 40rem) {
    .HierarchyBrowser_list_2lgcJ {
      max-width: 48%; } }
  @media only screen and (min-width: 60rem) {
    .HierarchyBrowser_list_2lgcJ {
      scroll-snap-align: none;
      max-width: 32%; } }
  .HierarchyBrowser_list_2lgcJ .ReactVirtualized__List:focus {
    outline: none; }

.HierarchyBrowser_loader_KLSeT {
  margin: 16px; }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.MiniListResult_textUppercase_3gIi7 {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.MiniListResult_textFieldTitle_1jAFY {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

.MiniListResult_textSmoothing_1GI7N, .MiniListResult_textPageTitle_2zX2- {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.MiniListResult_textPageTitle_2zX2- {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .MiniListResult_textPageTitle_2zX2- {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.MiniListResult_screenreaderOnly_egtzR {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.MiniListResult_resetScreenreaderOnly_2BUGQ {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.MiniListResult_listUnstyled_1eaVf {
  padding-left: 0;
  list-style: none; }

.MiniListResult_buttonUnstyled_1F2Nx {
  display: block;
  border: none; }

.MiniListResult_shadow_12v_O {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.MiniListResult_mobileFullscreenFallback_1D3Nx {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .MiniListResult_mobileFullscreenFallback_1D3Nx > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.MiniListResult_miniListResult_q342E {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px; }
  .MiniListResult_miniListResult_q342E.MiniListResult_grey_hRTbh {
    background-color: #eee; }
  .MiniListResult_miniListResult_q342E.MiniListResult_dark_2gO5L {
    background-color: #333; }

.MiniListResult_miniListResultHeader_Ws740 {
  display: -webkit-box;
  margin-bottom: 0;
  overflow: hidden;
  font-weight: 400;
  font-size: 0.875rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px;
  cursor: pointer;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.MiniListResult_isSelected_9WleZ .MiniListResult_miniListResultHeader_Ws740 {
  font-weight: 600; }

.MiniListResult_link_25a-q {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.MiniListResult_link_25a-q:link,
.MiniListResult_link_25a-q:visited {
  text-decoration: none; }

.MiniListResult_link_25a-q:hover,
.MiniListResult_link_25a-q:active {
  text-decoration: underline; }

.MiniListResult_image_1r5Qp {
  -ms-flex-preferred-size: 88px;
      flex-basis: 88px;
  width: 88px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-right: 8px;
  cursor: pointer; }

.MiniListResult_imageOutline_2CaDe {
  border: 1px solid #ccc; }

.MiniListResult_info_2cKI- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
  height: 64px;
  overflow: hidden; }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.HierarchyBrowserRow_textUppercase_2ZXx_ {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.HierarchyBrowserRow_textFieldTitle_3bghg {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

.HierarchyBrowserRow_textSmoothing_2ymok, .HierarchyBrowserRow_textPageTitle_2sEDA {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.HierarchyBrowserRow_textPageTitle_2sEDA {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .HierarchyBrowserRow_textPageTitle_2sEDA {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.HierarchyBrowserRow_screenreaderOnly_2T-1o {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.HierarchyBrowserRow_resetScreenreaderOnly_3dKlu {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.HierarchyBrowserRow_listUnstyled_3ix3k {
  padding-left: 0;
  list-style: none; }

.HierarchyBrowserRow_buttonUnstyled_xUvg1 {
  display: block;
  border: none; }

.HierarchyBrowserRow_shadow_1Tvzv {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.HierarchyBrowserRow_mobileFullscreenFallback_d5tfb {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .HierarchyBrowserRow_mobileFullscreenFallback_d5tfb > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.HierarchyBrowserRow_row_43Xus {
  padding: 8px;
  font-size: 0.875rem;
  line-height: 16px; }
  .HierarchyBrowserRow_row_43Xus:focus {
    outline: none; }
  .HierarchyBrowserRow_row_43Xus:hover {
    cursor: pointer; }
    .HierarchyBrowserRow_row_43Xus:hover h1 {
      text-decoration: underline; }

.HierarchyBrowserRow_fileRow_1ajRW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .HierarchyBrowserRow_fileRow_1ajRW h1 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 400;
    font-size: 0.875rem;
    font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
    line-height: 20px; }

.HierarchyBrowserRow_miniListResult_3ZQfc {
  margin-bottom: 12px; }

.HierarchyBrowserRow_viewRecordButtonContainer_ZJOcF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 96px; }

.HierarchyBrowserRow_viewRecordButton_3cqM8 {
  position: relative; }

.HierarchyBrowserRow_titlePlaceholder_3oobe {
  display: block;
  width: 112px;
  height: 16px;
  background-color: #eee;
  border-radius: 2px;
  -webkit-animation: HierarchyBrowserRow_fadeInOut_lDzou 0.7s infinite alternate;
          animation: HierarchyBrowserRow_fadeInOut_lDzou 0.7s infinite alternate; }

@-webkit-keyframes HierarchyBrowserRow_fadeInOut_lDzou {
  0% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@keyframes HierarchyBrowserRow_fadeInOut_lDzou {
  0% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

.HierarchyBrowserRow_itemNumber_1mgLA {
  color: #777;
  font-size: 0.875rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; }
  .HierarchyBrowserRow_rowSelected_sU4aZ .HierarchyBrowserRow_itemNumber_1mgLA {
    color: #333; }
  .HierarchyBrowserRow_rowUserSelected_3YyKY .HierarchyBrowserRow_itemNumber_1mgLA {
    color: #ccc; }

.HierarchyBrowserRow_rowSelected_sU4aZ {
  background-color: #eee; }
  .HierarchyBrowserRow_rowSelected_sU4aZ h1 {
    color: #111;
    font-weight: 500; }

.HierarchyBrowserRow_rowUserSelected_3YyKY {
  background-color: #333; }
  .HierarchyBrowserRow_rowUserSelected_3YyKY h1 {
    color: #fff;
    font-weight: 500; }

.HierarchyBrowserRow_fileItemThumbnail_2m0QH {
  -ms-flex-preferred-size: 152px;
      flex-basis: 152px;
  width: 152px;
  height: 152px;
  margin-right: 8px; }

.HierarchyBrowserRow_fileInfo_30D3P {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.HierarchyBrowserRow_viewFileButtonContainer_2GcGs {
  margin-top: auto; }

.HierarchyBrowserRow_fileItemNumber_1iyuw {
  display: block;
  margin-bottom: 8px; }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.HierarchyBrowserListPreview_textUppercase_3_ZCX {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.HierarchyBrowserListPreview_textFieldTitle_18_6x {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

.HierarchyBrowserListPreview_textSmoothing_12nYF, .HierarchyBrowserListPreview_textPageTitle_1geTD {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.HierarchyBrowserListPreview_textPageTitle_1geTD {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .HierarchyBrowserListPreview_textPageTitle_1geTD {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.HierarchyBrowserListPreview_screenreaderOnly_3T-mZ {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.HierarchyBrowserListPreview_resetScreenreaderOnly_1DQjx {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.HierarchyBrowserListPreview_listUnstyled_d41HQ {
  padding-left: 0;
  list-style: none; }

.HierarchyBrowserListPreview_buttonUnstyled_1eLWH {
  display: block;
  border: none; }

.HierarchyBrowserListPreview_shadow_1Lnc1 {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.HierarchyBrowserListPreview_mobileFullscreenFallback_GzDrK {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .HierarchyBrowserListPreview_mobileFullscreenFallback_GzDrK > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.HierarchyBrowserListPreview_hierarchyBrowserListPreview_cJQxC {
  padding: 16px; }
  .HierarchyBrowserListPreview_hierarchyBrowserListPreview_cJQxC h1 {
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 24px;
    text-align: center; }
  @media only screen and (min-width: 33.5rem) {
    .HierarchyBrowserListPreview_hierarchyBrowserListPreview_cJQxC {
      padding: 24px; } }

.HierarchyBrowserListPreview_label_3ODFY {
  font-size: 1rem;
  line-height: 24px; }

.HierarchyBrowserListPreview_imageWrapper_3b7Hg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 64vh;
  margin-bottom: 16px;
  overflow: hidden; }
  @media only screen and (min-width: 33.5rem) {
    .HierarchyBrowserListPreview_imageWrapper_3b7Hg {
      max-height: 35vh; } }
  @media only screen and (min-width: 40rem) {
    .HierarchyBrowserListPreview_imageWrapper_3b7Hg {
      max-height: 45vh; } }
  @media only screen and (min-width: 60rem) {
    .HierarchyBrowserListPreview_imageWrapper_3b7Hg {
      max-height: 34.1vh; } }
  @media only screen and (min-width: 80rem) {
    .HierarchyBrowserListPreview_imageWrapper_3b7Hg {
      max-height: 61vh; } }
  @media only screen and (min-width: 100rem) {
    .HierarchyBrowserListPreview_imageWrapper_3b7Hg {
      max-height: 41.4vh; } }

.HierarchyBrowserListPreview_image_3eFLB {
  margin: 0 auto; }
  .HierarchyBrowserListPreview_image_3eFLB.HierarchyBrowserListPreview_imageLandscape_BVOCa, .HierarchyBrowserListPreview_image_3eFLB.HierarchyBrowserListPreview_imageSquare_WUsRe {
    max-width: 100%;
    height: auto; }
  .HierarchyBrowserListPreview_image_3eFLB.HierarchyBrowserListPreview_imagePortrait_2mA0V {
    width: auto;
    max-height: inherit; }

.HierarchyBrowserListPreview_button_1Xgm7 {
  margin: 0 auto 48px auto; }

.HierarchyBrowserListPreview_thumbnail_3H6Go {
  margin-bottom: 16px; }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.HierarchyBrowserContainer_textUppercase_1k9Fq {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.HierarchyBrowserContainer_textFieldTitle_3NuxU {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

.HierarchyBrowserContainer_textSmoothing_oDOhy, .HierarchyBrowserContainer_textPageTitle_3UNO8 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.HierarchyBrowserContainer_textPageTitle_3UNO8 {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .HierarchyBrowserContainer_textPageTitle_3UNO8 {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.HierarchyBrowserContainer_screenreaderOnly_3iwEr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.HierarchyBrowserContainer_resetScreenreaderOnly_2fZE4 {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.HierarchyBrowserContainer_listUnstyled_16FqN {
  padding-left: 0;
  list-style: none; }

.HierarchyBrowserContainer_buttonUnstyled_ZzzEg {
  display: block;
  border: none; }

.HierarchyBrowserContainer_shadow_oCYyH {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.HierarchyBrowserContainer_mobileFullscreenFallback_1j-ZQ {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .HierarchyBrowserContainer_mobileFullscreenFallback_1j-ZQ > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.HierarchyBrowserContainer_hierarchyBrowserContainer_UyVJA {
  display: block;
  height: calc(100vh - 8px * 13);
  max-height: 46rem; }