.baac-page-topbar{z-index:10;box-sizing:border-box;position:relative}@media (min-width:1280px){.baac-page-topbar.is-products,.baac-page-topbar.is-credit{background-color:#0000}.baac-page-topbar.is-products .baac-page-navbar-wrapper,.baac-page-topbar.is-credit .baac-page-navbar-wrapper{border-bottom:1px solid #ccc}.baac-page-topbar.is-news.th-language{background-color:#e8e7dd}.baac-page-topbar.is-news.th-language:before{content:"";z-index:0;background-color:#e8e7dd;width:calc(100% + 2px);height:100%;position:absolute;top:-100%;left:0}}@media (max-width:1279px){.baac-page-topbar{border-radius:0 0 var(--radius-md) var(--radius-md);border:none}.baac-page-topbar:not(.is-breadcrumb).is-sustainability{border-style:solid;border-color:var(--color-neutral-100);background-color:#f9f8f1;border-width:0 1px 1px}.baac-page-topbar:not(.is-breadcrumb).is-sustainability:before{content:"";z-index:0;background-color:#f9f8f1;width:calc(100% + 2px);height:100%;position:absolute;top:-100%;left:0}.baac-page-topbar:not(.is-breadcrumb).is-products,.baac-page-topbar:not(.is-breadcrumb).is-news,.baac-page-topbar:not(.is-breadcrumb).is-about{background-color:var(--color-white);border-style:solid;border-color:var(--color-neutral-100);border-width:0 1px 1px}.baac-page-topbar:not(.is-breadcrumb).is-products:before,.baac-page-topbar:not(.is-breadcrumb).is-news:before,.baac-page-topbar:not(.is-breadcrumb).is-about:before{content:"";z-index:0;background-color:var(--color-white);width:calc(100% + 2px);height:100%;position:absolute;top:-100%;left:0}}.baac-page-topbar .baac-page-navbar-wrapper{justify-content:space-between;align-items:center;padding:24px 0;display:flex}.baac-page-topbar .baac-page-navbar-wrapper.sustainability-category-page{padding-top:24px;padding-bottom:24px}@media (max-width:1279px){.baac-page-topbar .baac-page-navbar-wrapper.sustainability-category-page{padding-top:12px;padding-bottom:12px}}.baac-page-topbar .baac-page-navbar-wrapper.bottom-border{border-bottom:1px solid;margin-bottom:8px;padding-bottom:16px}@media (max-width:1279px){.baac-page-topbar .baac-page-navbar-wrapper.bottom-border{border-bottom:none;margin-bottom:0;padding-bottom:12px}}.baac-page-topbar .baac-page-navbar-wrapper .title{color:var(--color-neutral);font-size:14px;font-weight:600;line-height:120%}@media (max-width:1279px){.baac-page-topbar .baac-page-navbar-wrapper .title.is-desktop{display:none}}.baac-page-topbar .baac-page-navbar-wrapper .title.is-mobile{display:none}@media (max-width:1279px){.baac-page-topbar .baac-page-navbar-wrapper .title.is-mobile{display:flex}}.baac-page-topbar .baac-page-navbar-wrapper .title.is-active{color:var(--color-primary-600)}@media (max-width:1279px){.baac-page-topbar .baac-page-navbar-wrapper .title.is-active{color:#333}}.baac-page-topbar .baac-page-navbar-wrapper .title .dropdown-icon{margin-left:8px;transition:transform .25s}.baac-page-topbar .baac-page-navbar-wrapper .navbar-list ul{gap:20px;display:flex}.baac-page-topbar .baac-page-navbar-wrapper .navbar-list ul li{color:var(--color-neutral);font-size:14px;font-weight:400;line-height:21px}.baac-page-topbar .baac-page-navbar-wrapper .navbar-list ul li.is-active{color:var(--color-secondary)}.baac-page-topbar .baac-page-navbar-wrapper .navbar-list ul li button{justify-content:space-between;align-items:center;width:100%;display:flex}.baac-page-topbar .baac-page-navbar-wrapper .navbar-list ul li .dropdown-icon.expanded{visibility:hidden;display:none}@media (min-width:1280px){.baac-page-topbar .baac-page-navbar-wrapper .navbar-list ul li .dropdown-icon{visibility:hidden;display:none}}.baac-page-topbar .baac-page-navbar-wrapper .navbar-list ul li .submenu{flex-direction:column;gap:10px;padding:10px 16px 12px;animation:.35s ease-in-out submenuIn;display:flex}@keyframes submenuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1280px){.baac-page-topbar .baac-page-navbar-wrapper .navbar-list ul li .submenu{display:none}}.baac-page-topbar .baac-page-navbar-wrapper .navbar-list ul li .submenu li a{padding:0}.baac-page-topbar .baac-page-navbar-wrapper .navbar-list ul li:not(.is-expanded) .submenu{display:none}.baac-page-topbar .baac-page-navbar-wrapper .navbar-list ul li.is-expanded{color:var(--color-secondary);font-weight:600}.baac-page-topbar .baac-page-navbar-wrapper .navbar-list ul li.is-expanded .dropdown-icon{visibility:hidden;display:none}.baac-page-topbar .baac-page-navbar-wrapper .navbar-list ul li.is-expanded .dropdown-icon.expanded{visibility:visible;display:inline-flex}.baac-page-topbar .baac-page-navbar-wrapper .navbar-list ul li.is-expanded .submenu{display:flex}.baac-page-topbar .baac-page-navbar-wrapper.is-open .title .dropdown-icon{transform:rotate(180deg)}.baac-page-topbar .baac-page-navbar-wrapper.is-open .navbar-list{opacity:1;max-height:500px;transform:translateY(0)}@media (max-width:1279px){.baac-page-topbar .baac-page-navbar-wrapper{flex-direction:column;align-items:flex-start;gap:0;padding-top:12px;padding-bottom:12px}.baac-page-topbar .baac-page-navbar-wrapper .title{justify-content:space-between;align-items:center;width:100%;line-height:150%;display:flex}.baac-page-topbar .baac-page-navbar-wrapper .title .dropdown-icon{visibility:visible;display:inline-flex}.baac-page-topbar .baac-page-navbar-wrapper .navbar-list{opacity:0;width:100%;max-height:0;transition:max-height .35s,opacity .25s,transform .25s,padding-top .25s;overflow:hidden;transform:translateY(-6px)}.baac-page-topbar .baac-page-navbar-wrapper .navbar-list ul{flex-direction:column;gap:0}.baac-page-topbar .baac-page-navbar-wrapper .navbar-list ul li a,.baac-page-topbar .baac-page-navbar-wrapper .navbar-list ul li button{cursor:pointer;padding:9px 0;display:flex}.baac-page-topbar .baac-page-navbar-wrapper.is-open .title .dropdown-icon{transform:rotate(180deg)}.baac-page-topbar .baac-page-navbar-wrapper.is-open .navbar-list{padding-top:8px}}@media (min-width:1280px){.baac-page-topbar .baac-page-navbar-wrapper .title .dropdown-icon{visibility:hidden;display:none}.baac-page-topbar .baac-page-navbar-wrapper .navbar-list{opacity:1!important;max-height:none!important;transform:none!important}.baac-page-topbar .baac-page-navbar-wrapper .navbar-list ul li{transition:color .25s}.baac-page-topbar .baac-page-navbar-wrapper .navbar-list ul li:hover{color:#008542}}.baac-page-topbar .baac-page-breadcrumb-wrapper{align-items:center;gap:12px;padding:22px 0;display:flex}@media (max-width:1279px){.baac-page-topbar .baac-page-breadcrumb-wrapper{gap:8px;padding:24px 0}}.baac-page-topbar .baac-page-breadcrumb-wrapper .title{color:#ccc;white-space:nowrap;font-size:14px;font-weight:600;line-height:150%}@media (max-width:1023px){.baac-page-topbar .baac-page-breadcrumb-wrapper .title{max-width:100px;font-size:12px}}.baac-page-topbar .baac-page-breadcrumb-wrapper .label{color:var(--color-primary);padding-left:16px;font-size:14px;font-weight:600;line-height:150%;position:relative}.baac-page-topbar .baac-page-breadcrumb-wrapper .label:before{content:"";background-color:#ccc;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (max-width:1279px){.baac-page-topbar .baac-page-breadcrumb-wrapper .label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding-left:12px;font-size:12px;display:block;overflow:hidden}}