@layer components{.breadcrumbs{max-width:100%;margin-inline-start:-.25rem;padding-block:.5rem;overflow-x:auto}.breadcrumbs>menu{white-space:nowrap;align-items:center;min-height:min-content;padding-inline-start:.25rem;display:flex}.breadcrumbs>menu>li{align-items:center;display:flex}.breadcrumbs>menu>li>*{cursor:pointer;align-items:center;gap:.5rem;display:flex}@media (hover:hover){.breadcrumbs>menu>li>:hover{text-decoration-line:underline}}.breadcrumbs>menu>li>:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.breadcrumbs>menu>li>:focus{outline-offset:2px;outline:2px solid #0000}}.breadcrumbs>menu>li>:focus-visible{outline-offset:2px;outline:2px solid}.breadcrumbs>menu>li+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-inline:.5rem .75rem;display:block;rotate:45deg}[dir=rtl] :is(.breadcrumbs>menu>li)+:before{rotate:-135deg}.breadcrumbs>ul{white-space:nowrap;align-items:center;min-height:min-content;padding-inline-start:.25rem;display:flex}.breadcrumbs>ul>li{align-items:center;display:flex}.breadcrumbs>ul>li>*{cursor:pointer;align-items:center;gap:.5rem;display:flex}@media (hover:hover){.breadcrumbs>ul>li>:hover{text-decoration-line:underline}}.breadcrumbs>ul>li>:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.breadcrumbs>ul>li>:focus{outline-offset:2px;outline:2px solid #0000}}.breadcrumbs>ul>li>:focus-visible{outline-offset:2px;outline:2px solid}.breadcrumbs>ul>li+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-inline:.5rem .75rem;display:block;rotate:45deg}[dir=rtl] :is(.breadcrumbs>ul>li)+:before{rotate:-135deg}.breadcrumbs>ol{white-space:nowrap;align-items:center;min-height:min-content;padding-inline-start:.25rem;display:flex}.breadcrumbs>ol>li{align-items:center;display:flex}.breadcrumbs>ol>li>*{cursor:pointer;align-items:center;gap:.5rem;display:flex}@media (hover:hover){.breadcrumbs>ol>li>:hover{text-decoration-line:underline}}.breadcrumbs>ol>li>:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.breadcrumbs>ol>li>:focus{outline-offset:2px;outline:2px solid #0000}}.breadcrumbs>ol>li>:focus-visible{outline-offset:2px;outline:2px solid}.breadcrumbs>ol>li+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-inline:.5rem .75rem;display:block;rotate:45deg}[dir=rtl] :is(.breadcrumbs>ol>li)+:before{rotate:-135deg}}