@charset "UTF-8"; .breadcrumb {display: flex;flex-wrap: wrap;padding: 0 0;margin-bottom: 1rem;list-style: none;background-color: var(--breadcrumb-bg);border-radius: 0; } .breadcrumb-item + .breadcrumb-item {padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before {display: inline-block;padding-right: 0.5rem;color: var(--breadcrumb-divider-color);content: "■"; } .breadcrumb-item + .breadcrumb-item:hover::before {text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before {text-decoration: none; } .breadcrumb-item.active {color: var(--breadcrumb-active-color); } .nav-breadcrumb {background: var(--breadcrumb-bg);z-index: 100;position: sticky;top: 0; } @media (min-width: 1921px) {.nav-breadcrumb {width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto;} } .nav-breadcrumb .breadcrumb {display: flex;flex-direction: row;align-items: center;flex-wrap: nowrap;margin-bottom: 0.2857142857rem;height: 3.6428571429rem;gap: 1.0714285714rem;white-space: nowrap; } .nav-breadcrumb .breadcrumb .breadcrumb-home {line-height: 1;margin-right: 0.5714285714rem;position: relative;top: -0.1428571429rem; } .nav-breadcrumb .breadcrumb .breadcrumb-home svg {width: 1.9285714286rem;height: auto; } .nav-breadcrumb .breadcrumb .breadcrumb-item {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 58px;text-transform: uppercase;font-size: 0.9285714286rem; } .nav-breadcrumb .breadcrumb .breadcrumb-item a {text-decoration: none;color: var(--color1);font-weight: 900; } .nav-breadcrumb .breadcrumb .breadcrumb-item svg {width: 1.2857142857rem;height: auto;position: relative;top: -1px;color: var(--primary); } @media (min-width: 1280px) {.nav-breadcrumb .breadcrumb .breadcrumb-item svg {top: -2px;} } .nav-breadcrumb .breadcrumb .breadcrumb-item::before {content: "";background: url("/static/img/breadcrumb-arrow.svg");background-size: contain;background-repeat: no-repeat;width: 1.7142857143rem;height: 0.8571428571rem;display: inline-block;margin-right: 1.0714285714rem; } .nav-breadcrumb .breadcrumb .breadcrumb-item:first-child::before {display: none; } .nav-breadcrumb .breadcrumb .breadcrumb-item:hover {color: var(--primary); }