.breadcrumb {
    min-width: 100vw;
    --background: var(--ion-default-bg-color);
    --min-height: 50px;
  }
  
  .plt-iphone .breadcrumb,
  .plt-android .breadcrumb {
    display: none;
  }
  
  .plt-iphone.plt-mobileweb .breadcrumb,
  .plt-android.plt-mobileweb .breadcrumb {
    display: block;
    min-width: initial;
    --padding-top: var(--space-size-4);
    --padding-bottom: var(--space-size-4);
    --padding-start: 0;
    --padding-end: 0;
    --min-height: 35px;
  }
  
  .plt-iphone.plt-mobileweb .breadcrumb::-webkit-scrollbar,
  .plt-android.plt-mobileweb .breadcrumb::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
  }
  
  .plt-iphone.plt-mobileweb .breadcrumb .content-inner,
  .plt-android.plt-mobileweb .breadcrumb .content-inner {
    padding-right: var(--space-size-16);
    padding-left: var(--space-size-4);
    overflow-x: scroll;
    white-space: nowrap;
    word-break: keep-all;
    -webkit-overflow-scrolling: touch;
  }
  
  .breadcrumb a {
    text-decoration: none;
  }
  
  .breadcrumb a:hover {
    text-decoration: none;
  }
  
  .breadcrumb a ion-icon.home {
    display: inline-block;
    padding-left: var(--space-size-10);
    font-size: var(--font-size-18);
    vertical-align: middle;
  }
  
  .plt-iphone .breadcrumb a ion-icon.home,
  .plt-android .breadcrumb a ion-icon.home {
    padding-left: var(--space-size-12);
    font-size: var(--font-size-14);
  }
  
  .breadcrumb .chevron {
    display: inline-block;
    padding-left: var(--space-size-10);
    font-size: var(--font-size-18);
    vertical-align: middle;
  }
  
  .plt-iphone .breadcrumb ion-icon.chevron,
  .plt-android .breadcrumb ion-icon.chevron {
    padding-left: var(--space-size-6);
    font-size: var(--font-size-14);
  }
  
  .breadcrumb ion-label {
    display: inline-block;
    padding-left: var(--space-size-10);
    color: var(--ion-breadcrumb-link-text-color);
    vertical-align: middle;
    /* You need to manually set font-family and font-size here */
    font-family: 'Hiragino Kaku Gothic ProN', sans-serif;
    font-size: var(--font-size-14);
  }
  
  .plt-iphone .breadcrumb ion-label,
  .plt-android .breadcrumb ion-label {
    padding-left: var(--space-size-6);
    font-family: 'Hiragino Kaku Gothic ProN', sans-serif;
    font-size: var(--font-size-10);
  }
  
  .breadcrumb ion-label:last-child {
    color: var(--ion-default-text-color);
  }
  
  .breadcrumb ion-label a:hover {
    text-decoration: underline;
  }
  
  .breadcrumb ion-label a:visited {
    text-decoration: none;
  }
  
  .breadcrumb .home {
    display: inline-block;
    padding-left: var(--space-size-10);
    font-size: var(--font-size-18);
    vertical-align: middle;
  }
  
  .plt-iphone .breadcrumb .home,
  .plt-android .breadcrumb .home {
    padding-left: var(--space-size-12);
    font-size: var(--font-size-14);
  }
  
  .breadcrumb .home-svg {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--space-size-18);
    fill: var(--ion-color-accent);
  }
  
  .plt-iphone .breadcrumb .home-svg,
  .plt-android .breadcrumb .home-svg {
    height: var(--space-size-14);
  }