.mega-shell{--mega-ease:cubic-bezier(.23, 1, .32, 1);--mega-dist:10px;--mega-speed:.22s;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 90ms var(--mega-ease), translate 90ms var(--mega-ease), visibility 0s linear 90ms;translate:0 -6px}.mega-shell[data-open] .mega-card{pointer-events:auto}.mega-shell[data-open]{opacity:1;visibility:visible;transition:opacity .2s var(--mega-ease), translate .2s var(--mega-ease), visibility 0s;translate:0}.mega-card{transition:none}.mega-card[data-glide]{transition:translate .26s var(--mega-ease), width .26s var(--mega-ease), height .26s var(--mega-ease)}.mega-pane{opacity:0;visibility:hidden;translate:calc(var(--side) * var(--mega-dist)) 0;transition:opacity 90ms var(--mega-ease), translate var(--mega-speed) var(--mega-ease), visibility 0s linear 90ms}.mega-pane[data-active]{opacity:1;visibility:visible;transition:opacity var(--mega-speed) var(--mega-ease) 40ms, translate var(--mega-speed) var(--mega-ease), visibility 0s;translate:0}.mega-link{transition:color .15s var(--mega-ease)}.mega-link[data-selected]{color:#4a4a4a}@media (hover:hover) and (pointer:fine){.mega-link:hover{color:#4a4a4a}}.mega-link[data-selected]>span:first-child{text-decoration:none}.mega-chip{transition:background-color .15s var(--mega-ease)}@media (prefers-reduced-motion:reduce){.mega-card[data-glide]{transition:none}.mega-shell,.mega-shell[data-open],.mega-pane,.mega-pane[data-active]{translate:none}}.mega-row{transition:background-color .15s var(--mega-ease,ease-out)}.mega-row[data-selected]{background-color:#f6f6f6}@media (hover:hover) and (pointer:fine){.mega-row:hover{background-color:#0000}.mega-chip:not([data-lift]):hover{background-color:color-mix(in srgb, var(--sq-bg,#f6f6f6), #000 4%)!important}}.mega-tile img{transition:translate var(--lift-ms,.34s) var(--ease-lift)}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.mega-tile:hover img{translate:0 calc(var(--lift-product,2px) * -1)}.mega-tile[data-lift=logo]:hover img{translate:0 calc(var(--lift-logo,2px) * -1)}.mega-tile[data-lift=cat]:hover img{translate:0 calc(var(--lift-cat,2px) * -1)}.mega-tile[data-lift=post]:hover img{translate:0 calc(var(--lift-post,2px) * -1)}}.mega-tile .mega-name{transition:color .15s var(--mega-ease,ease-out)}@media (hover:hover) and (pointer:fine){.mega-tile:hover .mega-name{color:#4a4a4a}}