.brand-switcher-outer{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.brand-switcher-wrapper{display:flex;align-items:center;position:relative;height:42px;width:170px;min-width:170px;max-width:170px;flex-shrink:0;padding:4px;background:#4f5252;border:1px solid rgba(0,0,0,.4);border-radius:30px;box-shadow:inset 0 2px 6px #0009,inset 0 -1px 2px #ffffff26;-webkit-user-select:none;user-select:none;cursor:pointer}.brand-switch-btn{position:relative;flex:1;display:flex;align-items:center;justify-content:center;height:100%;border-radius:20px;z-index:2;text-decoration:none;cursor:pointer}.brand-logo-img{height:25px;width:auto;max-width:68px;display:block;object-fit:contain;transition:opacity .35s cubic-bezier(.25,1,.5,1),transform .35s cubic-bezier(.25,1,.5,1)}.brand-switcher-wrapper .logo-auto{height:35px}.brand-switcher-wrapper .logo-offroad{mix-blend-mode:lighten}.brand-switch-btn .brand-logo-img{opacity:.5;transform:scale(.95)}.brand-switcher-wrapper:not(.active-offroad) .btn-auto .brand-logo-img,.brand-switcher-wrapper.active-offroad .btn-offroad .brand-logo-img{opacity:1;transform:scale(1)}.brand-switcher-wrapper:not(.active-offroad) .btn-offroad:hover .brand-logo-img,.brand-switcher-wrapper.active-offroad .btn-auto:hover .brand-logo-img{opacity:.9;transform:scale(1.05)}.brand-switcher-slider{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:#111;border:1px solid #000;border-radius:20px;z-index:1;overflow:hidden;box-shadow:0 2px 6px #000000b3,inset 0 1px 1px #ffffff26;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.brand-switcher-wrapper.active-offroad .brand-switcher-slider{transform:translate(100%)}.brand-switcher-slider:after{content:"";position:absolute;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(to right,#fff0,#ffffff2e,#fff0);transform:skew(-20deg);animation:brand-switcher-shine 7s 2s infinite ease-in-out;pointer-events:none}@keyframes brand-switcher-shine{0%{left:-120%;opacity:0}8%{opacity:1}22%{left:160%;opacity:0}to{left:160%;opacity:0}}.brand-switch-btn:before{content:attr(aria-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(5px);padding:5px 10px;background:#111;color:#fff;font-size:11px;font-weight:600;border:1px solid rgba(255,255,255,.15);border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;box-shadow:0 4px 10px #000c;transition:opacity .2s cubic-bezier(.25,1,.5,1),transform .2s cubic-bezier(.25,1,.5,1);z-index:20}.brand-switch-btn:after{content:"";position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%) translateY(5px);border-width:5px;border-style:solid;border-color:#111 transparent transparent transparent;pointer-events:none;opacity:0;transition:opacity .2s cubic-bezier(.25,1,.5,1),transform .2s cubic-bezier(.25,1,.5,1);z-index:21}.brand-switcher-wrapper:not(.active-offroad) .btn-offroad:hover:before,.brand-switcher-wrapper:not(.active-offroad) .btn-offroad:hover:after,.brand-switcher-wrapper.active-offroad .btn-auto:hover:before,.brand-switcher-wrapper.active-offroad .btn-auto:hover:after{opacity:1;transform:translate(-50%) translateY(0)}@media(hover:none){.brand-switch-btn:before,.brand-switch-btn:after{display:none}}.mobile-drawer-brand-switcher .brand-switch-btn:before,.mobile-drawer-brand-switcher .brand-switch-btn:after{display:none}.brand-switch-toast{position:fixed;top:-70px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:12px 24px;background:#111;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-family:var(--font-body-family, "DM Sans", sans-serif);font-size:14px;font-weight:600;box-shadow:0 10px 30px #00000080;transition:top .35s cubic-bezier(.175,.885,.32,1.275);z-index:10000}.brand-switch-toast.show{top:24px}.brand-switch-toast .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.25);border-top-color:#2ecc71;border-radius:50%;animation:brand-switch-spin .8s linear infinite}@keyframes brand-switch-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.brand-switcher-slider,.brand-logo-img,.brand-switch-toast{transition:none}.brand-switcher-slider:after,.brand-switch-toast .spinner{animation:none}}.mobile-drawer-brand-switcher{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 14px;border-bottom:1px solid var(--brand-switcher-drawer-border, rgba(0, 0, 0, .12));background:var(--brand-switcher-drawer-bg, transparent)}.mobile-drawer-brand-switcher .switcher-label{display:block;margin-bottom:2px;color:var(--brand-switcher-drawer-label, #777);font-size:10px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;text-align:center}body.offroad-page{--brand-switcher-drawer-border: rgba(255, 255, 255, .08);--brand-switcher-drawer-bg: rgba(0, 0, 0, .15);--brand-switcher-drawer-label: #777}.top-bar .brand-switcher-outer .switcher-label,.header__top-inner .brand-switcher-outer .switcher-label{display:block;margin-bottom:5px;color:var(--brand-switcher-header-label, #9a9d9d);font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase;text-align:center;white-space:nowrap}.side-drawer .mobile-drawer-brand-switcher{gap:12px;padding:22px 14px 24px;border-bottom-width:2px;border-bottom-color:var(--brand-switcher-drawer-rule, rgba(255, 255, 255, .16))}.side-drawer .mobile-drawer-brand-switcher .switcher-label{margin-bottom:0;color:var(--brand-switcher-drawer-label-strong, #d6d8d8);font-size:12px;letter-spacing:.16em}.side-drawer .mobile-drawer-brand-switcher .brand-switcher-wrapper{height:54px;width:216px;min-width:216px;max-width:216px}.side-drawer .mobile-drawer-brand-switcher .brand-logo-img{height:32px;max-width:86px}@media(max-width:767px){.top-bar .brand-switcher-outer{display:none}}@media screen and (min-width:768px){.side-drawer .mobile-drawer-brand-switcher{display:none}}@media screen and (max-width:1199px){.header__top-inner .brand-switcher-outer{display:none}}@media screen and (min-width:1200px){.menu-drawer .mobile-drawer-brand-switcher{display:none}}@media screen and (min-width:1200px){.header__top-inner .header__heading-link,.header__top-inner .header__heading,.top-bar .logo-wrap{min-width:18rem;max-width:18rem}.header__top-inner .header__search,.top-bar .search-wrap{width:62rem;max-width:62rem;flex:0 1 62rem;min-width:0}.top-bar .search-wrap{margin-left:0}.top-bar .brand-switcher-outer{margin-left:0;margin-right:0}.header__top-inner .header__search{margin-left:2.6rem;margin-right:0}.header__top-inner .brand-switcher-outer{margin-left:2.6rem;margin-right:0;grid-area:switcher;justify-content:center}body .header--bottom-menu .header__top-inner{grid-template-columns:auto auto auto auto 1fr auto;grid-template-areas:"heading shop search switcher small-nav column"}.header__search .search__form .field{min-width:0}}@media screen and (min-width:1200px)and (max-width:1600px){.header__top-inner .header__search{width:47rem;min-width:0;max-width:62rem}.header__top-inner .header__small-menu a{padding-left:10px;padding-right:10px}}@media screen and (min-width:1200px)and (max-width:1499px){.header__top-inner .header__search{width:36rem}.header__top-inner .small-menu{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/brand-switcher.css.map */