#header-component .ts-brand-header{display:grid;grid-template-columns:160px minmax(0,1fr) 108px auto;grid-template-rows:auto auto auto;column-gap:32px;row-gap:14px;align-items:center;width:100%;padding:16px 0 0;background:#fff;color:#008ed0}#header-component .ts-brand-logo{grid-column:1;grid-row:1 / 3;display:flex;justify-content:center}#header-component .ts-brand-logo .header-logo{padding:0;margin:0}#header-component .ts-brand-logo .header-logo__image{width:143px;height:auto;max-height:114px;object-fit:contain}#header-component .ts-brand-mascot{grid-column:3;grid-row:1 / 3;width:108px;height:auto;max-width:none;object-fit:contain;justify-self:center}#header-component .ts-brand-channels{grid-column:2;grid-row:1;display:flex;justify-content:center;align-items:center;gap:22px;align-self:end;min-width:0}#header-component .ts-brand-channels img{width:calc((100% - 66px)/4);max-width:93px;height:auto;object-fit:contain}#header-component .ts-brand-search{grid-column:2;grid-row:2;display:block;width:100%;min-width:0;align-self:start}#header-component .ts-brand-search button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:8px 18px;border:1px solid #008ed0;border-radius:24px;background:#fff;color:#008ed0;cursor:text;text-align:left}#header-component .ts-brand-search button>span:first-child{color:#72828c;font-size:14px}#header-component .ts-brand-search .svg-wrapper{width:20px;height:20px;flex-shrink:0}#header-component .ts-brand-actions{grid-column:4;grid-row:1 / 3;justify-self:end}#header-component .ts-brand-drawer{display:none}#header-component .ts-brand-navigation{grid-column:1 / -1;grid-row:3;min-width:0;color:#544750}#header-component .ts-brand-navigation header-menu{width:100%;display:block}#header-component .ts-brand-navigation .menu-list__list{justify-content:center}#header-component .ts-brand-localization{grid-column:1 / -1}@media(max-width:1023px)and (min-width:750px){#header-component .ts-brand-header{grid-template-columns:120px minmax(0,1fr) 82px auto;column-gap:18px}#header-component .ts-brand-mascot{width:82px}#header-component .ts-brand-logo .header-logo__image{width:120px}}@media(max-width:749px){#header-component .ts-brand-header{position:relative;grid-template-columns:44px minmax(0,1fr) 76px;grid-template-rows:90px auto 44px;gap:12px 12px;padding:4px 0 14px}#header-component .ts-brand-logo{position:absolute;left:50%;top:49px;transform:translate(-50%,-50%);width:112px;grid-area:auto}#header-component .ts-brand-logo .header-logo__image{width:112px;height:auto;max-height:none}#header-component .ts-brand-mascot{grid-column:1;grid-row:1;width:80px;justify-self:start}#header-component .ts-brand-actions{grid-column:3;grid-row:1;justify-self:end}#header-component .ts-brand-actions header-actions{gap:0}#header-component .ts-brand-actions .header-actions__action{min-width:36px;width:36px}#header-component .ts-brand-channels{grid-column:1 / -1;grid-row:2;align-self:center;justify-content:space-between;gap:14px}#header-component .ts-brand-channels img{width:calc((100% - 42px)/4);max-width:90px;height:auto}#header-component .ts-brand-search{grid-column:2 / -1;grid-row:3;align-self:center}#header-component .ts-brand-search button{padding:8px 12px;min-height:44px}#header-component .ts-brand-search button>span:first-child{font-size:12px}#header-component .ts-brand-drawer{display:block;grid-column:1;grid-row:3}#header-component .ts-brand-drawer .header__drawer{display:block}#header-component .ts-brand-navigation{display:none}}#header-component .ts-brand-navigation .overflow-menu::part(list){justify-content:center;gap:clamp(12px,2vw,32px)}#header-component .ts-brand-navigation .menu-list__link{padding-inline:10px}#header-component .ts-brand-actions,#header-component .ts-brand-drawer{--color-foreground:#008ed0;color:#008ed0}#header-component .ts-brand-benefits{display:flex;justify-content:space-evenly;gap:16px;padding:12px 16px;background:#f7f4ec;color:#544750;font-size:12px}#header-component .ts-brand-benefits a{color:inherit;text-decoration:none}@media(max-width:749px){#header-component .ts-brand-benefits{font-size:10px;gap:12px;padding:10px 12px}#header-component .ts-brand-benefit-desktop{display:none}#header-component .header__navigation-bar-row .menu-list__link{font-size:12px}}#header-component .ts-brand-navigation :is(.header-menu__inner,.menu-list,.overflow-menu){width:100%;max-width:100%}#header-component .ts-brand-navigation .overflow-menu::part(list){width:100%;justify-content:center}@media(min-width:750px){#header-component .ts-brand-navigation{margin-top:-10px;padding-bottom:10px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/telsell-brand-header.css.map */