/**
  Funko Content Pages Stylesheet
**/
/**
  @mixin caret-direction
  Use to assign consistent transforms that will rotate a
  right-pointing caret in the 3 other cardinal directions
*/
/**
  @mixin aspect-ratio
  Use CSS aspect-ratio rule where possible, but fall back to
  padding-top hack iff needed (i.e. iOS 14)
*/
/**
    Funko site variables.
    See node_modules/bootstrap/scss/_variables.scss to see a full
        list of customizeable variables.
**/
/**
    Core shared variables.
    Set variables here that will be shared among both brands.
**/
/**
  Help Center - Funko Common styles
**/
.folder-menu-page {
  margin-top: 1.25rem;
  margin-bottom: 4.375rem; }
  @media (min-width: 1200px) {
    .folder-menu-page {
      margin-top: 2.5rem; } }

.page-name {
  font-family: "ProximaNova-Black", sans-serif;
  font-size: 1.625rem;
  text-transform: uppercase;
  color: #000; }
  @media (min-width: 1200px) {
    .page-name {
      font-size: 4.125rem; } }

.side-nav-col .bg-wrapper {
  background: #f3f3f7;
  top: 0;
  left: 0; }
  @media (max-width: 1199.98px) {
    .side-nav-col .bg-wrapper {
      width: 100vw;
      left: calc(50% - 50vw); } }

.side-nav {
  font-family: "ProximaNova-Black", sans-serif;
  text-transform: uppercase;
  line-height: 1; }

.side-nav-heading {
  font-size: 0.9375rem;
  color: #111; }
  .side-nav-heading:hover {
    text-decoration: none; }
  @media (min-width: 1200px) {
    .side-nav-heading {
      font-size: 2.375rem;
      color: #0f0f0f; } }

.side-nav-list {
  margin-top: 0.625rem;
  margin-bottom: 0; }

.filters {
  width: 0.6875rem;
  height: 0.8125rem;
  vertical-align: middle;
  margin-top: -0.1875rem; }

.folder-menu-item {
  font-size: 0.9375rem; }
  @media (min-width: 1200px) {
    .folder-menu-item {
      font-size: 1.125rem; } }
  .folder-menu-item .menu-item {
    color: #111;
    position: relative; }
    .folder-menu-item .menu-item::after {
      content: '';
      height: 0;
      width: 100%;
      opacity: 0;
      position: absolute;
      bottom: -0.3125rem;
      left: 0;
      background-color: var(--skin-main-text-color-1);
      border: none;
      border-radius: 2.5px;
      transition: height 0.24s cubic-bezier(0, 0, 0.2, 1), opacity 0.24s cubic-bezier(0, 0, 0.2, 1); }
    .folder-menu-item .menu-item:hover, .folder-menu-item .menu-item.active {
      text-decoration: none; }
      .folder-menu-item .menu-item:hover::after, .folder-menu-item .menu-item.active::after {
        content: '';
        height: 5px;
        opacity: 1; }
    .folder-menu-item .menu-item.active {
      pointer-events: none; }

.product-submission-submit {
  width: 100%; }
  @media (min-width: 1200px) {
    .product-submission-submit {
      padding: 0.5rem 5.8125rem;
      width: auto; } }

.text-notransform {
  text-transform: none !important; }

/**
  Help Center - Funko Legal styles
**/
/**
  Help Center - Shared Legal styles
**/
.legal-content .section-heading {
  margin-top: 1.875rem; }

.legal-content * ~ p,
.legal-content * ~ ol,
.legal-content * ~ ul {
  margin-top: 1.25rem; }

.legal-content ol {
  padding-left: 1.4375rem; }
  .legal-content ol li {
    padding-left: 0.125rem; }
  .legal-content ol ol {
    padding-left: 1.0625rem; }
  .legal-content ol ul {
    padding-left: 0.625rem; }
  @media (min-width: 768px) {
    .legal-content ol {
      padding-left: 1.25rem; }
      .legal-content ol li {
        padding-left: 1.25rem; }
      .legal-content ol ol {
        padding-left: 1.125rem; }
        .legal-content ol ol > li {
          padding-left: 0.625rem; }
      .legal-content ol ol.lower-roman {
        padding-left: 1.375rem; } }
  .legal-content ol ul {
    padding-left: 1.25rem; }
    .legal-content ol ul > li {
      padding-left: 0.125rem; }

.legal-content ol,
.legal-content ul {
  margin-bottom: 1.875rem; }

.legal-content .lower-alpha {
  list-style-type: lower-alpha; }

.legal-content .lower-roman {
  list-style-type: lower-roman; }

.legal-content .hollow {
  list-style-type: circle; }

.legal-content .square {
  list-style-type: square; }

.legal-content table:not(.terms-table) {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #6c6c6c; }
  .legal-content table:not(.terms-table) th,
  .legal-content table:not(.terms-table) td {
    vertical-align: top;
    border-collapse: collapse;
    border: 1px solid #6c6c6c; }

.legal-content .terms-table {
  table-layout: fixed;
  width: 100%;
  max-width: 400px;
  margin-top: 1.25rem;
  border-collapse: collapse;
  border: none; }
  .legal-content .terms-table th,
  .legal-content .terms-table td {
    vertical-align: top;
    border-collapse: collapse;
    border: none; }

.legal-content .table-wrapper {
  overflow: auto;
  white-space: nowrap; }
  @media (min-width: 1200px) {
    .legal-content .table-wrapper {
      white-space: normal;
      overflow: visible; } }
  .legal-content .table-wrapper table {
    table-layout: unset;
    margin-top: 30px; }

.legal-content {
  font-size: 0.9375rem; }
  @media (min-width: 1200px) {
    .legal-content {
      font-size: 1rem; } }
  .legal-content .section-heading {
    font-family: "ProximaNova-Black", sans-serif;
    text-transform: uppercase; }
    @media (min-width: 1200px) {
      .legal-content .section-heading {
        font-size: 1.125rem; } }
  .legal-content ol > li::marker {
    font-family: "ProximaNova-Bold", sans-serif; }
  .legal-content > ol > li::marker {
    font-family: "ProximaNova-Black", sans-serif; }
    @media (min-width: 1200px) {
      .legal-content > ol > li::marker {
        font-size: 1.125rem; } }
  .legal-content li ~ li {
    margin-top: 0.625rem; }
  .legal-content strong {
    font-family: "ProximaNova-Bold", sans-serif; }
  .legal-content table th {
    font-family: "ProximaNova-Bold", sans-serif; }

/*# sourceMappingURL=fnk-helpcenter.css.map*/