/** @generated -- This file is automatically synced from @dropbox/dig-content-icons@5.13.1. DO NOT MODIFY! **/

/**
  This file should not be imported into your CSS or SASS files - the CSS variables will be available on the page for you to use.
  (SEE #design-systems ON SLACK if you have questions)
**/

.dig-ctz1wx2_5-13-1{
  --dig-ctz1wx0_5-13-1:var(--dig-color__fileicon__container);
  --dig-ctz1wx1_5-13-1:var(--dig-color__fileicon__shadow);
  box-sizing:border-box;
}
.dig-ctz1wx3_5-13-1{
  --dig-ctz1wx0_5-13-1:var(--dig-color__background__base);
}
.dig-ctz1wx5_5-13-1{
  --dig-ctz1wx0_5-13-1:transparent;
  --dig-ctz1wx1_5-13-1:transparent;
}.dig-1nqhrso7_5-13-1{
  box-sizing:border-box;
  display:inline-block;
  max-height:100%;
  max-width:100%;
}
.dig-1nqhrso9_5-13-1{
  --dig-1nqhrso0_5-13-1:40px;
}
.dig-1nqhrsoa_5-13-1{
  --dig-1nqhrso0_5-13-1:160px;
}
:where(.dig-1nqhrso7_5-13-1){
  height:var(--dig-1nqhrso0_5-13-1);
  width:var(--dig-1nqhrso0_5-13-1);
}
.dig-1nqhrsob_5-13-1{
  box-sizing:border-box;
  display:inline-grid;
  height:100%;
  overflow:hidden;
  overflow:clip;
  place-items:center;
  width:100%;
}
:where(.dig-1nqhrsob_5-13-1 *){
  box-sizing:border-box;
  display:block;
}
.dig-1nqhrsod_5-13-1{
  aspect-ratio:1 / 1;
  border-color:var(--dig-color__border__subtle);
  border-radius:var(--dig-radius__small);
  border-style:solid;
  border-width:1px;
  box-sizing:border-box;
  display:inline-grid;
  place-items:center;
  width:var(--dig-1nqhrso2_5-13-1);
}
.dig-1nqhrsof_5-13-1{
  background-color:var(--dig-color__fileicon__container);
}
.dig-1nqhrsog_5-13-1{
  background-color:var(--dig-color__background__base);
}
.dig-1nqhrsoh_5-13-1{
  background-color:transparent;
  border-width:0;
}
.dig-1nqhrsom_5-13-1{
  aspect-ratio:1 / 1;
  height:auto;
  width:var(--dig-1nqhrso1_5-13-1);
}
@supports not (container-type:size){
  .dig-1nqhrsod_5-13-1{
    --dig-1nqhrso2_5-13-1:100%;
  }
  .dig-1nqhrsoi_5-13-1{
    border-radius:var(--dig-radius__xsmall);
  }
}
@supports (container-type:size){
  .dig-1nqhrsob_5-13-1{
    container-name:dig-1nqhrso6_5-13-1;
    container-type:size;
  }
  .dig-1nqhrsod_5-13-1{
    --dig-1nqhrso2_5-13-1:100cqmin;
    container-name:dig-1nqhrsoc_5-13-1;
    container-type:size;
  }
  @container dig-1nqhrso6_5-13-1 (width <= 40px){
    .dig-1nqhrsod_5-13-1{
      border-radius:var(--dig-radius__xsmall);
    }
  }
}
@supports (container-type:size){
  .dig-1nqhrsok_5-13-1{
    --dig-1nqhrso2_5-13-1:55cqmin;
  }
  .dig-1nqhrsom_5-13-1{
    --dig-1nqhrso3_5-13-1:0px;
    --dig-1nqhrso5_5-13-1:60cqmin;
    --dig-1nqhrso4_5-13-1:85px;
    --dig-1nqhrso1_5-13-1:clamp(var(--dig-1nqhrso3_5-13-1), var(--dig-1nqhrso5_5-13-1), var(--dig-1nqhrso4_5-13-1));
  }
  @container dig-1nqhrso6_5-13-1 (width <= 40px){
    .dig-1nqhrsok_5-13-1{
      --dig-1nqhrso2_5-13-1:60cqmin;
    }
    .dig-1nqhrsom_5-13-1{
      --dig-1nqhrso5_5-13-1:70cqmin;
    }
  }
  @container dig-1nqhrsoc_5-13-1 (width <= 28px){
    .dig-1nqhrsom_5-13-1{
      --dig-1nqhrso5_5-13-1:85cqmin;
    }
  }
}
@supports not (container-type:size){
  .dig-1nqhrsok_5-13-1{
    --dig-1nqhrso2_5-13-1:55%;
  }
  .dig-1nqhrsom_5-13-1{
    --dig-1nqhrso3_5-13-1:0px;
    --dig-1nqhrso5_5-13-1:55%;
    --dig-1nqhrso4_5-13-1:85px;
    --dig-1nqhrso1_5-13-1:clamp(var(--dig-1nqhrso3_5-13-1), var(--dig-1nqhrso5_5-13-1), var(--dig-1nqhrso4_5-13-1));
  }
}.dig-1t71aik3_5-13-1{
  box-sizing:border-box;
  display:inline-block;
  max-height:100%;
  max-width:100%;
}
.dig-1t71aik5_5-13-1{
  --dig-1t71aik0_5-13-1:40px;
}
.dig-1t71aik6_5-13-1{
  --dig-1t71aik0_5-13-1:160px;
}
:where(.dig-1t71aik3_5-13-1){
  height:var(--dig-1t71aik0_5-13-1);
  width:var(--dig-1t71aik0_5-13-1);
}
.dig-1t71aik7_5-13-1{
  box-sizing:border-box;
  display:inline-grid;
  height:100%;
  overflow:hidden;
  overflow:clip;
  place-items:center;
  width:100%;
}
:where(.dig-1t71aik7_5-13-1 *){
  box-sizing:border-box;
  display:block;
}
.dig-1t71aik8_5-13-1{
  box-sizing:border-box;
  display:inline-grid;
  place-items:center;
  width:var(--dig-1t71aik1_5-13-1);
}
.dig-1t71aikc_5-13-1{
  height:auto;
  width:100%;
}
@supports not (container-type:size){
  .dig-1t71aik8_5-13-1{
    --dig-1t71aik1_5-13-1:100%;
  }
}
@supports (container-type:size){
  .dig-1t71aik7_5-13-1{
    container-name:dig-1t71aik2_5-13-1;
    container-type:size;
  }
  .dig-1t71aik8_5-13-1{
    --dig-1t71aik1_5-13-1:100cqmin;
  }
  .dig-1t71aika_5-13-1{
    --dig-1t71aik1_5-13-1:70cqmin;
  }
}
@supports (container-type:size){
  @container dig-1t71aik2_5-13-1 (width <= 40px){
    .dig-1t71aika_5-13-1{
      --dig-1t71aik1_5-13-1:75cqmin;
    }
  }
}
@supports not (container-type:size){
  .dig-1t71aika_5-13-1{
    --dig-1t71aik1_5-13-1:70%;
  }
}.dig-by16w01_5-13-1{
  box-shadow:inset 0 0 0 1px var(--dig-color__border__subtle);
}
.dig-by16w00_5-13-1 .dig-by16w01_5-13-1{
  box-shadow:none;
  height:auto;
  place-self:center;
  transform:none;
  width:auto;
}
:where(.dig-by16w00_5-13-1 .dig-by16w01_5-13-1 img,.dig-by16w00_5-13-1 .dig-by16w01_5-13-1 svg){
  aspect-ratio:auto;
  display:block;
  height:auto;
  object-fit:contain;
  width:auto;
}.dig-86akn92_5-13-1{
  --dig-86akn90_5-13-1:var(--dig-radius__small);
  --dig-86akn91_5-13-1:var(--dig-color__border__subtle);
  border-radius:var(--dig-86akn90_5-13-1);
}
.dig-86akn94_5-13-1{
  --dig-86akn90_5-13-1:var(--dig-radius__circular);
}
.dig-86akn95_5-13-1{
  --dig-86akn90_5-13-1:var(--dig-radius__small);
}
.dig-86akn9b_5-13-1,.dig-86akn9c_5-13-1{
  --dig-86akn90_5-13-1:var(--dig-radius__xsmall);
}
.dig-86akn9d_5-13-1{
  box-shadow:inset 0 0 0 1px var(--dig-86akn91_5-13-1);
}
.dig-86akn9e_5-13-1{
  border-radius:var(--dig-86akn90_5-13-1);
  grid-area:1 / 1 / -1 / -1;
  height:100%;
  width:100%;
}