.kf-brand-switch{width:100%;height:44px;font-family:inherit;display:block;position:relative;z-index:5;box-sizing:border-box;background:#f5f5f5;border-bottom:1px solid #e6e6e6;transition:background .2s ease,border-color .2s ease}.kf-brand-switch[data-active-brand=kraftely]{background:#fff;border-bottom-color:#fff}.kf-brand-switch[data-active-brand=bykraftely]{background:#f7f1ea;border-bottom-color:#f7f1ea}.kf-brand-switch__inner{display:flex;align-items:flex-end;justify-content:flex-start;gap:4px;width:100%;height:100%;margin:0 auto;padding:0 15px;box-sizing:border-box}.kf-brand-switch__tab{display:inline-flex;align-items:center;justify-content:center;width:auto;flex:0 0 auto;text-decoration:none;background:#f5f5f5;color:var(--tab-color);border-radius:8px 8px 0 0;padding:6px 16px;height:32px;box-sizing:border-box;margin-bottom:0;transition:background .18s ease,color .18s ease,height .18s ease,padding .18s ease,box-shadow .18s ease;position:relative}.kf-brand-switch__tab:hover{background:#ececec;color:var(--tab-color)}.kf-brand-switch__tab[data-tab-brand=kraftely]:not(.is-active){color:#7c3aed}.kf-brand-switch__tab[data-tab-brand=bykraftely]:not(.is-active){color:#a8b89a}.kf-brand-switch__tab.is-active{height:38px;padding:10px 18px;margin-bottom:-2px;z-index:2;box-shadow:-1px -2px 4px #00000014,1px -2px 4px #00000014}.kf-brand-switch__tab[data-tab-brand=kraftely].is-active{background:#000;color:#fff}.kf-brand-switch__tab[data-tab-brand=bykraftely].is-active{background:#f7f1ea;color:#3a3530}.kf-brand-switch__tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:6px;background:inherit;z-index:-1}.kf-brand-switch__label{font-size:14px;font-weight:600;letter-spacing:.01em;line-height:1;white-space:nowrap}.kf-brand-switch__tab.is-active .kf-brand-switch__label{font-size:15px}@media(max-width:640px){.kf-brand-switch{height:40px}.kf-brand-switch__inner{padding:0 12px;gap:3px}.kf-brand-switch__tab{padding:5px 12px;height:28px;border-top-left-radius:6px;border-top-right-radius:6px}.kf-brand-switch__tab.is-active{padding:8px 14px;height:34px}.kf-brand-switch__label{font-size:13px}.kf-brand-switch__tab.is-active .kf-brand-switch__label{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/kf-brand-switch.css.map */