html body .path-nav-sys[data-nav-style=breadcrumb]{--sb-ink: #111113;--sb-muted: #6b6b72;--sb-faint: #b9b9c0;--sb-line: rgb(0 0 0 / .07);--sb-accent: #dd1d1d;--sb-ease: cubic-bezier(.22, 1, .36, 1);max-width:100%;margin:0;padding:14px 0 6px;background:none;font-size:13px}html body .path-nav-sys .nav-seq-list{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:2px;max-width:100%;margin:0;padding:4px;overflow-x:auto;border:1px solid var(--sb-line);border-radius:999px;background:#ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none}html body .path-nav-sys .nav-seq-list::-webkit-scrollbar{display:none}html body .path-nav-sys [data-nav-item]{flex:none;display:inline-flex;align-items:center;color:var(--sb-muted);white-space:nowrap;animation:shape-crumb-in .5s var(--sb-ease) both}html body .path-nav-sys [data-nav-item]:nth-child(n+3){animation-delay:60ms}html body .path-nav-sys [data-nav-item]:nth-child(n+5){animation-delay:.12s}html body .path-nav-sys [data-nav-item]:nth-child(n+7){animation-delay:.18s}html body .path-nav-sys .txt-nav-item{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:500;line-height:1;transition:background-color .25s ease,color .25s ease}html body .path-nav-sys[data-hover-effect] a.txt-nav-item:hover{transform:none;animation:none}html body .path-nav-sys [data-nav-item]:has(>a:hover){color:var(--sb-ink)}html body .path-nav-sys a.txt-nav-item:hover{background:#0000000d}html body .path-nav-sys a.txt-nav-item:focus-visible{outline:2px solid var(--sb-accent);outline-offset:1px}html body .path-nav-sys [data-nav-item]:first-of-type>a.txt-nav-item{position:relative;width:30px;padding:0;justify-content:center}html body .path-nav-sys [data-nav-item]:first-of-type>a.txt-nav-item>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}html body .path-nav-sys [data-nav-item]:first-of-type>a.txt-nav-item:before{content:"";width:15px;height:15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 10.5 12 3.5l8.5 7'/%3E%3Cpath d='M5.5 9v10.5h13V9'/%3E%3Cpath d='M10 19.5v-5h4v5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 10.5 12 3.5l8.5 7'/%3E%3Cpath d='M5.5 9v10.5h13V9'/%3E%3Cpath d='M10 19.5v-5h4v5'/%3E%3C/svg%3E") center / contain no-repeat}html body .path-nav-sys .sep-sym-base[data-role=divider]{flex:none;width:12px;height:12px;margin:0 1px;color:var(--sb-faint)}html body .path-nav-sys .sep-sym-base[data-role=divider] .txt-div-sep{width:12px;height:12px;font-size:0;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 2.5 3.5 3.5-3.5 3.5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 2.5 3.5 3.5-3.5 3.5'/%3E%3C/svg%3E") center / contain no-repeat}html body .path-nav-sys .nav-seq-list [data-nav-item]:not(:has(>a)){min-width:0;flex:0 1 auto;gap:8px;padding:0 14px 0 10px;color:var(--sb-ink)}html body .path-nav-sys [data-nav-item]:not(:has(>a)):before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--sb-accent);box-shadow:0 0 0 3px #dd1d1d26}html body .path-nav-sys [data-nav-item]:not(:has(>a))>span{display:block;min-width:0;overflow:hidden}html body .path-nav-sys [data-nav-item]:not(:has(>a)) .txt-nav-item{display:block;height:auto;max-width:42ch;padding:0;overflow:hidden;text-overflow:ellipsis;font-weight:600;line-height:30px}@media screen and (max-width:749px){html body .path-nav-sys[data-nav-style=breadcrumb]{padding:10px 0 4px}html body .path-nav-sys .txt-nav-item{height:28px;padding:0 10px;font-size:12px}html body .path-nav-sys [data-nav-item]:first-of-type>a.txt-nav-item{width:28px}html body .path-nav-sys [data-nav-item]:not(:has(>a)) .txt-nav-item{max-width:44vw;line-height:28px}}@keyframes shape-crumb-in{0%{opacity:0;translate:-6px 0}}@media(prefers-reduced-motion:reduce){html body .path-nav-sys [data-nav-item]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/shape-breadcrumb.css.map */