.m-category-tabs{position:relative;width:100%;z-index:10;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1);display:block;visibility:visible;opacity:1;background:transparent;will-change:box-shadow,background;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.m-category-tabs__wrapper{width:100%;background:transparent}.m-category-tabs__wrapper .m-category-tabs__container{background:transparent}.m-category-tabs__container{display:flex;align-items:center;justify-content:stretch;gap:8px;border-bottom:1px solid rgba(var(--color-border),.1);background:transparent;transition:border-bottom .3s ease;width:100%;padding:6px}.m-category-tabs__tab{position:relative;padding:8px 16px;background:rgba(var(--color-foreground),.05);border:1px solid rgba(var(--color-border),.2);border-bottom:2px solid transparent;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:rgba(var(--color-foreground),.7);transition:all .3s ease;white-space:nowrap;outline:none;display:flex;align-items:center;justify-content:center;flex:1;width:50%;text-align:center;text-decoration:none}.m-category-tabs__tab:disabled{opacity:.5;cursor:not-allowed}.m-category-tabs__tab:hover{color:rgba(var(--color-foreground),1);background:rgba(var(--color-foreground),.1);border-color:rgba(var(--color-border),.3)}.m-category-tabs__tab.active{color:rgba(var(--color-foreground),1);background:rgba(var(--color-foreground),.15);border-bottom-color:rgba(var(--color-foreground),1);border-color:rgba(var(--color-border),.4);font-weight:600}.m-category-tabs__tab-text{display:inline-block;text-align:center}.m-category-tabs__dropdown{position:absolute;top:100%;left:0;right:0;background:transparent;border-bottom:none;box-shadow:none;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .3s ease,opacity .3s ease,visibility .3s ease,box-shadow .3s ease,background .3s ease,border-bottom .3s ease;z-index:9;pointer-events:none;margin:0;padding:0;height:0}.m-category-tabs__dropdown.active{max-height:500px;height:auto;opacity:1;visibility:visible;pointer-events:auto;background:rgba(var(--color-background),1);border-bottom:1px solid rgba(var(--color-border),.1);box-shadow:0 4px 12px #00000014}.m-category-tabs__dropdown-wrapper{padding:24px 0}.m-category-tabs__dropdown-content{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center}.m-category-tabs__collection-link{display:inline-block;padding:10px 20px;background:rgba(var(--color-foreground),.05);border:1px solid rgba(var(--color-border),.2);border-radius:4px;color:rgba(var(--color-foreground),.8);text-decoration:none;font-size:13px;font-weight:500;transition:all .3s ease;white-space:nowrap}.m-category-tabs__collection-link:hover{background:rgba(var(--color-foreground),.1);border-color:rgba(var(--color-foreground),.3);color:rgba(var(--color-foreground),1);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.m-category-tabs.sticky-top{position:fixed;top:0;left:0;right:0;z-index:10;box-shadow:none;background:rgba(var(--color-background),1);transition:box-shadow .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.m-category-tabs.sticky-top .m-category-tabs__dropdown{position:absolute}.m-category-tabs.sticky-bottom{position:fixed;bottom:0;left:0;right:0;top:auto;z-index:10;box-shadow:0 -2px 8px #0000001a;background:rgba(var(--color-background),1);transition:box-shadow .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.m-category-tabs.sticky-bottom .m-category-tabs__dropdown{position:absolute;top:100%;bottom:auto}@media screen and (max-width: 768px){.m-category-tabs__tab{padding:6px 12px;font-size:11px}.m-category-tabs__dropdown-wrapper{padding:16px 0}.m-category-tabs__dropdown-content{gap:12px;padding:0 16px}.m-category-tabs__collection-link{padding:8px 16px;font-size:12px}}.m-category-tabs__spacer{display:block;width:100%;height:0;transition:height .3s cubic-bezier(.4,0,.2,1);pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/15/assets/category-tabs.css.map */