.mobile-category-band{background-color:#fafafa;border-bottom:none;box-shadow:none;box-sizing:border-box;height:clamp(56px,12vw,72px);height:var(--mobile-band-height,clamp(56px,12vw,72px));overflow:hidden;position:relative;width:100%}.mobile-category-band-wrapper{position:static}@media (max-width:768px){.mobile-category-band-wrapper{left:0;position:fixed;right:0;top:calc(67px + var(--mobile-image-height));top:calc(var(--app-header-height, 68px) + var(--mobile-image-height) - 1px);z-index:91}}.mobile-category-scroll{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:row;gap:clamp(4px,1vw,8px);height:100%;overflow-x:hidden;overflow-y:hidden;padding:0;scrollbar-width:none;width:100%}.mobile-category-scroll::-webkit-scrollbar{display:none}.mobile-category-item{align-items:center;background:#0000;border:none;border-radius:0;box-sizing:border-box;cursor:pointer;display:flex;flex:1 1;height:100%;justify-content:center;padding:clamp(2px,.8vw,6px) clamp(8px,2vw,12px);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.mobile-category-item:hover{background:#ff6d3712}.mobile-category-item:active{transform:scale(.95)}.mobile-category-item.active{background:#0000;position:relative}.mobile-category-item.active:after{animation:slideUpFromBottom .25s cubic-bezier(.4,0,.2,1);background:linear-gradient(145deg,#f0a07a,#d97c55 45%,#be6438);border-radius:0;box-shadow:inset 0 1px 4px #ffffff73,inset 0 -1px 3px #0000002e,0 3px 10px #d97c5561,0 1px 3px #0000001f;content:"";inset:-1px 0;pointer-events:none;position:absolute;z-index:0}@keyframes slideUpFromBottom{0%{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.mobile-category-check{display:flex;line-height:1;pointer-events:none;position:absolute;right:0;top:0;transform:translateY(clamp(8px,10%,12px));z-index:2}.mobile-category-icon{align-items:center;display:flex;flex-shrink:0;height:75%;justify-content:center;max-height:75%;max-width:75%;position:relative;transform:translateY(10%);width:75%;z-index:1}.mobile-category-icon-element,.mobile-category-icon-img,.mobile-category-icon-mask{height:100%;transition:filter .3s cubic-bezier(.4,0,.2,1),background-color .3s ease,transform .25s cubic-bezier(.4,0,.2,1);width:100%}.mobile-category-icon-element{align-items:center;color:var(--sidebar-fg-color);display:flex;justify-content:center}.mobile-category-icon-element svg{display:block;height:100%;width:100%}.mobile-category-icon-mask{background-color:#6b7280;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain}.mobile-category-icon-img{filter:var(--sidebar-fg-filter);object-fit:contain}.mobile-category-icon-element{color:#6b7280}.mobile-category-item:hover .mobile-category-icon-mask{background-color:#4b5563}.mobile-category-item:hover .mobile-category-icon-element{color:#4b5563}.mobile-category-item:hover .mobile-category-icon-img{filter:brightness(0) saturate(100%) invert(30%) sepia(10%) saturate(500%) hue-rotate(182deg) brightness(90%) contrast(90%)}.mobile-category-item.active .mobile-category-icon-element,.mobile-category-item.active .mobile-category-icon-img,.mobile-category-item.active .mobile-category-icon-mask{position:relative;z-index:1}.mobile-category-item.active .mobile-category-icon-mask{background-color:#fff}.mobile-category-item.active .mobile-category-icon-element{color:#fff}.mobile-category-item.active .mobile-category-icon-img{filter:brightness(0) invert(1)}.mobile-category-item.active:hover .mobile-category-icon-mask{background-color:#fff}.mobile-category-item.active:hover .mobile-category-icon-element{color:#fff}.mobile-category-item.active:hover .mobile-category-icon-img{filter:brightness(0) invert(1)}.mobile-category-name{display:none}.mobile-category-item:focus{outline:2px solid #ff8a5b;outline-offset:2px}.mobile-category-item:focus:not(:focus-visible){outline:none}.mobile-category-scroll{scroll-padding:0 16px}@media (max-width:768px){.mobile-category-item[data-category=size]:has(+.mobile-category-item[data-category=text]){margin-right:-10px}}