.vc-tabbar{display:none}@media(max-width:1023px){:root{--vc-tab-h: 54px;--vc-tab-gap: max(8px, env(safe-area-inset-bottom));--vc-tab-space: calc(var(--vc-tab-h) + var(--vc-tab-gap) + 12px)}body.vc-has-tabbar{padding-bottom:var(--vc-tab-space)!important}.vc-tabbar{position:fixed;left:8px;right:8px;bottom:var(--vc-tab-gap);z-index:45;display:flex;align-items:center;gap:7px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:transform .45s cubic-bezier(.2,.9,.25,1),opacity .3s ease}.vc-tabbar.is-hidden{transform:translateY(150%);opacity:0;pointer-events:none}.vc-glass{position:relative;isolation:isolate;background:linear-gradient(180deg,#ffffff4d,#ffffff24 55%,#fff3);-webkit-backdrop-filter:blur(9px) saturate(185%) brightness(1.06);backdrop-filter:blur(9px) saturate(185%) brightness(1.06);box-shadow:inset 0 1px 1.5px #ffffffbf,inset 0 -1px 1px #ffffff4d,inset 0 0 18px #ffffff1a,0 6px 22px #00000021,0 1px 2px #00000012}.vc-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,#fffffff2,#ffffff40 28%,#ffffff14,#ffffff40 72%,#ffffffd9);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none;z-index:2}.vc-glass:after{content:"";position:absolute;left:12%;right:12%;top:1px;height:42%;border-radius:999px;background:linear-gradient(180deg,#ffffff59,#fff0);pointer-events:none;z-index:0}.vc-tabbar__nav{flex:1;min-width:0;height:var(--vc-tab-h);border-radius:999px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.34fr) minmax(0,1fr) minmax(0,1fr);align-items:center;padding:4px;box-sizing:border-box}.vc-tab-lens{position:absolute;top:4px;bottom:4px;left:0;width:0;opacity:0;border-radius:999px;z-index:1;background:linear-gradient(180deg,#ffffff6b,#ffffff2e);box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #ffffff59,inset 0 0 0 .5px #fff9,-.6px 0 1.2px #508cff59,.6px 0 1.2px #ff96504d,0 2px 8px #00000014;transition:transform .5s cubic-bezier(.3,1.35,.45,1),width .5s cubic-bezier(.3,1.35,.45,1),opacity .25s ease;pointer-events:none}.vc-tab{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:999px;color:#000!important;text-decoration:none!important;background:transparent;border:0;padding:0 2px;cursor:pointer;transition:transform .2s ease}.vc-tab:active{transform:scale(.95)}.vc-tab svg{width:23px;height:23px;display:block}.vc-tab__label{font-size:10.5px;font-weight:500;letter-spacing:-.01em;line-height:1.1;white-space:nowrap;text-transform:none}.vc-tab.is-active .vc-tab__label{font-weight:600}.vc-tab__icon{position:relative}.vc-tab__count{position:absolute;top:-4px;right:-9px;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:999px;background:#e83a2b;color:#fff;font-size:9.5px;font-weight:600;line-height:16px;text-align:center}.vc-tab__count:empty{display:none}.vc-tabbar__search{flex:0 0 auto;width:var(--vc-tab-h);height:var(--vc-tab-h);border-radius:50%;border:0;display:flex;align-items:center;justify-content:center;color:#000;cursor:pointer;padding:0;transition:transform .2s ease}.vc-tabbar__search svg{width:21px;height:21px;position:relative;z-index:3}.vc-tabbar__search:active{transform:scale(.94)}body.vc-has-tabbar #x-header-content .header-icon-cart,body.vc-has-tabbar #x-header-content .header-mobile-toggle #SearchOpen,.vc-hide-on-mobile{display:none!important}body.vc-has-tabbar .sticky-add-to-cart__wrapper{bottom:calc(var(--vc-tab-space) - 4px)!important}body.vc-has-tabbar .scroll-to-top__button{bottom:calc(var(--vc-tab-space) + 6px)!important}}@media(prefers-reduced-transparency:reduce){.vc-glass{background:#f8f8faf7;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.vc-tabbar,.vc-tab,.vc-tab-lens{transition:none}}.segment-banner__wrapper:not(:has(.segmented-banner__content~.segmented-banner__content)) .segmented-banner__content__paginate,.segment-banner__wrapper:not(:has(.segmented-banner__content~.segmented-banner__content)) .segmented-banner__content__wrapper{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/24/assets/vc-tabbar.css.map */