:root{--breadcrumb-text-color:#ffffff;--breadcrumb-icon-color:#ffffff;--breadcrumb-bg-color:#1a1a1a;--breadcrumb-hover-color:#4db2ec;--breadcrumb-separator-color:#cccccc;--breadcrumb-font-size:14px;--max-item-width-mobile:200px;--max-item-width-desktop:100%}html[scheme="light"]{--breadcrumb-text-color:#1a1a1a;--breadcrumb-icon-color:#1a1a1a;--breadcrumb-bg-color:#ffffff;--breadcrumb-hover-color:#666666;--breadcrumb-separator-color:#666666}html[scheme="dark"] .shahr-breadcrumb{--breadcrumb-bg-color:transparent}.shahr-breadcrumb{margin:0;display:flex;width:100%;font-size:var(--breadcrumb-font-size);line-height:1.6;box-sizing:border-box;background:var(--breadcrumb-bg-color);padding:8px 12px;border-radius:4px;overflow:hidden;will-change:transform}.shahr-breadcrumb ol{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:10px;flex-wrap:nowrap;width:100%}.shahr-breadcrumb li{display:flex;align-items:center;flex-shrink:0}.shahr-breadcrumb .item a,.shahr-breadcrumb .item span{display:inline-flex;align-items:center;padding:4px 8px;color:var(--breadcrumb-text-color);text-decoration:none;font-size:var(--breadcrumb-font-size);font-weight:400;max-width:var(--max-item-width-desktop);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.3s ease}.shahr-breadcrumb .item-home a i,.shahr-breadcrumb .item-home a svg{color:var(--breadcrumb-icon-color);fill:var(--breadcrumb-icon-color);margin-inline-end:5px;transition:color 0.3s ease,fill 0.3s ease}.shahr-breadcrumb .item-home a:hover i,.shahr-breadcrumb .item-home a:hover svg{color:var(--breadcrumb-hover-color);fill:var(--breadcrumb-hover-color)}.shahr-breadcrumb .seperator{display:flex;align-items:center;color:var(--breadcrumb-separator-color);font-size:14px;margin-inline:8px;flex-shrink:0}.shahr-breadcrumb .seperator i,.shahr-breadcrumb .seperator svg{color:var(--breadcrumb-separator-color);fill:var(--breadcrumb-separator-color);padding-block-start:0}.shahr-breadcrumb .seperator.line{width:16px;height:1px;background:#fff0;border-block-start:1px solid var(--breadcrumb-separator-color)}.shahr-breadcrumb a:hover{color:var(--breadcrumb-hover-color)}.shahr-breadcrumb a:focus{outline:2px solid var(--breadcrumb-hover-color);outline-offset:2px;border-radius:2px}[dir="ltr"] .shahr-breadcrumb .seperator i,[dir="ltr"] .shahr-breadcrumb .seperator svg{transform:rotate(180deg)}@media (max-width:767px){.shahr-breadcrumb{padding:6px 10px}.shahr-breadcrumb ol{gap:8px;align-items:center}.shahr-breadcrumb .item a,.shahr-breadcrumb .item span{padding:3px 6px;max-width:var(--max-item-width-mobile);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.shahr-breadcrumb .seperator{margin-inline:6px;font-size:12px}.shahr-breadcrumb .seperator.line{width:12px}}@media (max-width:480px){.shahr-breadcrumb ol{gap:6px}.shahr-breadcrumb .item a,.shahr-breadcrumb .item span{padding:2px 5px;max-width:var(--max-item-width-mobile);line-height:1.2}.shahr-breadcrumb .seperator{margin-inline:5px;font-size:11px}.shahr-breadcrumb .seperator.line{width:10px}}