/*
 * 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_fQzT4 {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

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

.HierarchyBrowserList_textSmoothing_2QRs2, .HierarchyBrowserList_textPageTitle_2Gti4 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.HierarchyBrowserList_textPageTitle_2Gti4 {
  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_2Gti4 {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.HierarchyBrowserList_screenreaderOnly_3G4cF {
  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_1YUMV {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

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

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

.HierarchyBrowserList_shadow_1OTgr {
  -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_3bk_c {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .HierarchyBrowserList_mobileFullscreenFallback_3bk_c > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

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

.HierarchyBrowserList_listInfo_2JUTO {
  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_3KVQY {
  color: #555;
  font-weight: 500; }

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

.HierarchyBrowserList_rowSelected_3VoRL {
  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_32ClV {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

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

.HTag_textSmoothing_8MyOn, .HTag_textPageTitle_2GQZA {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.HTag_textPageTitle_2GQZA {
  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_2GQZA {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.HTag_screenreaderOnly_-cnEz {
  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_2zhmk {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

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

.HTag_buttonUnstyled_3U-3C {
  display: block;
  border: none; }

.HTag_shadow_3BO35 {
  -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_2MZRb {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .HTag_mobileFullscreenFallback_2MZRb > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.HTag_hTag_1HaSD {
  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_W_RnF {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

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

.HierarchyBrowser_textSmoothing_yBzos, .HierarchyBrowser_textPageTitle_2zPy4 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.HierarchyBrowser_textPageTitle_2zPy4 {
  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_2zPy4 {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.HierarchyBrowser_screenreaderOnly_BbxY5 {
  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_1pb0B {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

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

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

.HierarchyBrowser_shadow_ALUgM {
  -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_2VAFU {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .HierarchyBrowser_mobileFullscreenFallback_2VAFU > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.HierarchyBrowser_hierarchyBrowser_2qdfE {
  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_2qdfE {
      -ms-scroll-snap-type: none;
          scroll-snap-type: none; } }

.HierarchyBrowser_list_1gFQf {
  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_1gFQf {
      scroll-snap-align: none;
      max-width: 32%; } }
  @media only screen and (min-width: 33.5rem) {
    .HierarchyBrowser_list_1gFQf {
      max-width: 64%; } }
  @media only screen and (min-width: 40rem) {
    .HierarchyBrowser_list_1gFQf {
      max-width: 48%; } }
  @media only screen and (min-width: 60rem) {
    .HierarchyBrowser_list_1gFQf {
      scroll-snap-align: none;
      max-width: 32%; } }
  .HierarchyBrowser_list_1gFQf .ReactVirtualized__List:focus {
    outline: none; }

.HierarchyBrowser_loader_3S_UX {
  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_1RA_V {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

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

.MiniListResult_textSmoothing_3CQgo, .MiniListResult_textPageTitle_3QfWg {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.MiniListResult_textPageTitle_3QfWg {
  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_3QfWg {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.MiniListResult_screenreaderOnly_oKxTh {
  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_3O84A {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

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

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

.MiniListResult_shadow_2LsuM {
  -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_3UPAF {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .MiniListResult_mobileFullscreenFallback_3UPAF > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

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

.MiniListResult_miniListResultHeader_2nHst {
  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_HCScI .MiniListResult_miniListResultHeader_2nHst {
  font-weight: 600; }

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

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

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

.MiniListResult_image_3g4pY {
  -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_1_dle {
  border: 1px solid #ccc; }

.MiniListResult_info_2_TiF {
  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_2gJJ4 {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

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

.HierarchyBrowserRow_textSmoothing_1xhs2, .HierarchyBrowserRow_textPageTitle_2AgHL {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.HierarchyBrowserRow_textPageTitle_2AgHL {
  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_2AgHL {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.HierarchyBrowserRow_screenreaderOnly_1xGyx {
  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_1EeYP {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

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

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

.HierarchyBrowserRow_shadow_3SwGQ {
  -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_1WkWI {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .HierarchyBrowserRow_mobileFullscreenFallback_1WkWI > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

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

.HierarchyBrowserRow_fileRow_3FNYZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .HierarchyBrowserRow_fileRow_3FNYZ 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_2ImIU {
  margin-bottom: 12px; }

.HierarchyBrowserRow_viewRecordButtonContainer_1Ypo5 {
  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_3ZdJ4 {
  position: relative; }

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

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

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

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

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

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

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

.HierarchyBrowserRow_fileInfo_CgqwR {
  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_nO47I {
  margin-top: auto; }

.HierarchyBrowserRow_fileItemNumber_3pRgo {
  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_1_F1G {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

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

.HierarchyBrowserListPreview_textSmoothing_s0Vjx, .HierarchyBrowserListPreview_textPageTitle_3GqJH {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.HierarchyBrowserListPreview_textPageTitle_3GqJH {
  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_3GqJH {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.HierarchyBrowserListPreview_screenreaderOnly_4-U95 {
  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_35yIa {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

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

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

.HierarchyBrowserListPreview_shadow_1dbtD {
  -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_1GeMr {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .HierarchyBrowserListPreview_mobileFullscreenFallback_1GeMr > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.HierarchyBrowserListPreview_hierarchyBrowserListPreview_1T7rz {
  padding: 16px; }
  .HierarchyBrowserListPreview_hierarchyBrowserListPreview_1T7rz 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_1T7rz {
      padding: 24px; } }

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

.HierarchyBrowserListPreview_imageWrapper_1ZbbC {
  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_1ZbbC {
      max-height: 35vh; } }
  @media only screen and (min-width: 40rem) {
    .HierarchyBrowserListPreview_imageWrapper_1ZbbC {
      max-height: 45vh; } }
  @media only screen and (min-width: 60rem) {
    .HierarchyBrowserListPreview_imageWrapper_1ZbbC {
      max-height: 34.1vh; } }
  @media only screen and (min-width: 80rem) {
    .HierarchyBrowserListPreview_imageWrapper_1ZbbC {
      max-height: 61vh; } }
  @media only screen and (min-width: 100rem) {
    .HierarchyBrowserListPreview_imageWrapper_1ZbbC {
      max-height: 41.4vh; } }

.HierarchyBrowserListPreview_image_27StB {
  margin: 0 auto; }
  .HierarchyBrowserListPreview_image_27StB.HierarchyBrowserListPreview_imageLandscape_21BEW, .HierarchyBrowserListPreview_image_27StB.HierarchyBrowserListPreview_imageSquare_23rCd {
    max-width: 100%;
    height: auto; }
  .HierarchyBrowserListPreview_image_27StB.HierarchyBrowserListPreview_imagePortrait_aFAwZ {
    width: auto;
    max-height: inherit; }

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

.HierarchyBrowserListPreview_thumbnail_n-sLq {
  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_3lqA7 {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

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

.HierarchyBrowserContainer_textSmoothing_2TERa, .HierarchyBrowserContainer_textPageTitle_1AMvR {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.HierarchyBrowserContainer_textPageTitle_1AMvR {
  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_1AMvR {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.HierarchyBrowserContainer_screenreaderOnly_2gQDo {
  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_MJgEU {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

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

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

.HierarchyBrowserContainer_shadow_NuJYk {
  -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_3VKAI {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .HierarchyBrowserContainer_mobileFullscreenFallback_3VKAI > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

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

