.brand-banner{padding:.5rem 0;background-color:var(--color-background);border-bottom:1px solid rgba(var(--color-foreground),.08)}.brand-banner .brand-banner__container{display:flex;align-items:center;justify-content:space-between;padding:0}.brand-banner__announcement{flex:0 0 auto;font-size:12px}.brand-banner .brand-banner__announcement{padding:0 20px}.brand-banner__list-container{flex:1 1 auto;overflow:hidden}.brand-banner__list{display:inline-flex;flex-wrap:nowrap;overflow-x:auto;list-style:none;padding:0;margin:0;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.brand-banner__list::-webkit-scrollbar{display:none}.brand-banner__item{flex:0 0 auto;padding:0 1rem;scroll-snap-align:start}.brand-banner__link{display:flex;align-items:center;height:100%;padding:0 5px;border-radius:4px;transition:background-color .2s ease}.brand-banner__link:hover{background-color:rgba(var(--color-foreground),.05)}.brand-banner__link--active{background-color:rgba(var(--color-foreground),.06)}.brand-banner__link img{max-height:30px;width:auto;max-width:100px;object-fit:contain}.brand-banner__mobile-toggle{display:none;background:transparent;border:none;padding:5px;cursor:pointer;color:rgba(var(--color-foreground),.75)}.brand-banner__drawer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:rgba(var(--color-foreground),.5);opacity:0;transition:opacity .3s ease}.brand-banner__drawer-content{position:absolute;bottom:0;left:0;width:100%;background-color:rgb(var(--color-background));padding:20px;border-top-left-radius:10px;border-top-right-radius:10px;max-height:80vh;overflow-y:auto}.brand-banner__drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.brand-banner__drawer-title{font-size:16px;font-weight:700;margin:0}.brand-banner__drawer-close{background:transparent;border:none;font-size:24px;cursor:pointer;padding:0;color:rgba(var(--color-foreground),.75)}.brand-banner__drawer-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.brand-banner__drawer-item{text-align:center}.brand-banner__drawer-link{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:5px;transition:background-color .2s ease}.brand-banner__drawer-link:hover{background-color:rgba(var(--color-foreground),.05)}.brand-banner__drawer-link--active{background-color:rgba(var(--color-foreground),.06)}.brand-banner__drawer-link img{max-height:40px;width:auto;max-width:100%;object-fit:contain;margin-bottom:5px}.brand-banner__drawer-name{font-size:12px;margin-top:5px}@media screen and (max-width: 989px){.brand-banner__list-container{display:none}.brand-banner__mobile-toggle{display:block}.brand-banner__container{justify-content:space-between}}@media screen and (max-width: 749px){.brand-banner__item{padding:0 .5rem}.brand-banner__drawer-list{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-brand-banner.css.map */