.breadcrumb-container{align-items:center;align-self:stretch;background:#fff;border-bottom:1px solid var(--fill-content-placeholder,#dedede);gap:8px;padding:12px 0;transition:all .3s ease}.breadcrumb-container .container{align-items:center;display:flex;justify-content:flex-start}@media (min-width:768px) and (max-width:1199px){.breadcrumb-container{padding:12px 15px}}@media (max-width:767px){.breadcrumb-container{padding:12px 16px}}.breadcrumb-container.is-sticky{box-shadow:0 2px 8px rgba(0,0,0,.1);left:0;position:fixed;right:0;top:76px;z-index:998}@media (max-width:767px){.breadcrumb-container.is-sticky{top:76px}}.breadcrumb-wrapper{align-items:center;align-self:stretch;display:flex;gap:8px;justify-content:flex-start;min-width:0;overflow:hidden;width:100%}.breadcrumb-item{color:var(--fill-content-subtitle,#666);flex-shrink:0;font-family:var(--Font-TH-Sarabun-Body,Sarabun);font-size:var(--Font-Size-m,14px);font-style:normal;font-weight:400;letter-spacing:var(--Letter-spacing-s,.25px);line-height:var(--Font-Line-height-s,20px);text-decoration:none;transition:color .2s ease;white-space:nowrap}.breadcrumb-item:hover:not(.breadcrumb-item--active){color:var(--fill-content-on-color-background,#5245f8)}.breadcrumb-item--active{color:var(--fill-content-on-color-background,#5245f8);cursor:default;flex-shrink:1;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-item--active,.breadcrumb-separator{font-family:var(--Font-TH-Sarabun-Body,Sarabun);font-size:var(--Font-Size-m,14px);font-style:normal;font-weight:400;letter-spacing:var(--Letter-spacing-s,.25px);line-height:var(--Font-Line-height-s,20px)}.breadcrumb-separator{align-items:center;color:var(--fill-content-hint,#a3a3a3);display:flex;flex-shrink:0;justify-content:center}.breadcrumb-separator svg{flex-shrink:0}
