@layer properties,theme,base;@layer components{.mars-sort-wrap{position:relative}.mars-sort-wrap[data-placement=header]{position:static}.mars-sort{align-items:center;padding:0;display:flex}.mars-sort-label{border:0;gap:4px;height:18px}:is(.mars-sort-label>img,.mars-sort-chevron){width:12px;height:12px;transition:transform .22s cubic-bezier(.22,1,.36,1)}.mars-sort-chevron{translate:0 var(--mars-sort-chevron-offset,1.5px);flex-shrink:0}.mars-sort-label[data-custom-icon=true]>img{width:16px;height:16px}.mars-sort-label[data-custom-icon=false][aria-expanded=true]>img,[aria-expanded=true]>.mars-sort-chevron{transform:rotate(180deg)}.mars-sort-menu{box-sizing:border-box;z-index:20;border-radius:var(--mars-sort-menu-radius,var(--radius-mars-28));flex-direction:column;width:216px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}:where(:root[data-workspace=wide],.mars-wide-shell) :where(.mars-sort-menu),:where(.desktop-model-menu){--mars-sort-menu-radius:var(--radius-mars-28);--mars-sort-menu-corner-shape:round;--mars-sort-menu-corner-span:1;--mars-sort-menu-padding:12px;--mars-sort-row-height:40px;--mars-sort-row-inset:8px;--mars-sort-row-radius:var(--radius-mars-12);--mars-sort-row-gap:9px;--mars-sort-glyph-size:18px}@supports (corner-shape:superellipse(1.819)){.mars-sort-menu{border-radius:calc(var(--mars-sort-menu-radius,var(--radius-mars-28)) * var(--mars-sort-menu-corner-span,1));corner-shape:var(--mars-sort-menu-corner-shape,round)}.mars-sort-menu:after{corner-shape:inherit}}:is(:root[data-workspace=wide],.mars-wide-shell) .mars-sort-menu[role=menu]{width:var(--mars-sort-menu-width,max-content);min-width:160px;max-width:304px;padding:var(--mars-sort-menu-padding);gap:var(--mars-sort-row-gap);border-width:0!important}:is(:root[data-workspace=wide],.mars-wide-shell) .mars-sort-menu[role=menu] button{height:var(--mars-sort-row-height);padding:0 var(--mars-sort-row-inset);border-top:0;gap:6px;position:relative}:is(:root[data-workspace=wide],.mars-wide-shell) .mars-sort-menu[role=menu] button+button:before{content:"";top:calc(var(--mars-sort-row-gap) / -2 - .5px);background:var(--mars-color-border-default);pointer-events:none;height:1px;position:absolute;left:0;right:0}:is(:root[data-workspace=wide],.mars-wide-shell) .mars-sort-menu[role=menu] button[data-description=true]{height:auto;min-height:var(--mars-sort-row-height);padding:8px var(--mars-sort-row-inset)}:is(:root[data-workspace=wide],.mars-wide-shell) .mars-sort-menu[role=menu] :is(.mars-sort-check,.mars-sort-check img){width:16px;height:16px}:is(:root[data-workspace=wide],.mars-wide-shell) .mars-sort-menu[role=menu] :is(button>img,.mars-sort-danger-icon){width:var(--mars-sort-glyph-size);height:var(--mars-sort-glyph-size)}:is(:root[data-workspace=wide],.mars-wide-shell) .mars-sort-menu[role=menu] .mars-sort-title{padding:0 var(--mars-sort-row-inset) 8px}:is(.mars-sort-menu,.mars-sort-motion){visibility:hidden;opacity:0;filter:blur(2px);pointer-events:none;transform-origin:100% 0;will-change:opacity, transform;transition:visibility 0s linear .22s,opacity .14s ease-in,filter .14s ease-in,transform .22s cubic-bezier(.4,0,1,1);transform:scale(.32)}.mars-sort-wrap[data-placement=header]>.mars-sort-menu{top:calc(var(--mars-chrome-control-top) + 1px);right:var(--mars-gutter);transform-origin:calc(100% - 20px) 19px}.mars-sort-wrap[data-placement=static]{display:contents;position:static}.mars-sort-wrap[data-placement=static]>.mars-sort-menu{transform-origin:50% 0;position:static}.mars-sort-wrap[data-placement=overlap]>.mars-sort-menu{transform-origin:calc(100% - 20px) 14px;top:-4px;right:-3px}.mars-sort-wrap[data-placement=overlap]>.mars-sort{transition:opacity .16s ease-out}:is(.mars-sort-menu,.mars-sort-motion)[data-state=closed]{visibility:hidden;opacity:0}:is(.mars-sort-menu,.mars-sort-motion)[data-state=open]{visibility:visible;opacity:1;filter:none;pointer-events:auto;transition:visibility,opacity .16s ease-out,filter .18s ease-out,transform .32s cubic-bezier(.16,1,.3,1);transform:scale(1)}.mars-sort-menu button{box-sizing:border-box;width:100%;height:48px;color:var(--mars-glass-popup-text);text-align:left;white-space:nowrap;border:0;flex:none;align-items:center;gap:10px;padding:0 8px;display:flex}:is(.mars-sort-menu,.mars-sort-motion) button{opacity:0;transition:opacity .1s ease-in,transform .14s ease-in;transform:translateY(-6px)}.mars-sort-menu button+button{border-top:1px solid #c5c9d26b}.mars-sort-title{border-bottom:1px solid var(--mars-color-border-default);overflow-wrap:anywhere;margin:0;padding:8px}.mars-sort-menu button:focus{outline:none}@media (hover:hover){.mars-sort-menu button:focus-visible{outline:2px solid var(--mars-color-text-primary);outline-offset:-2px}}:is(.mars-sort-menu,.mars-sort-motion)[data-state=open] button{opacity:1;animation:.24s cubic-bezier(.16,1,.3,1) both mars-sort-row-enter;animation-delay:calc(60ms + var(--mars-sort-row-index,0) * 40ms);transition:opacity .18s ease-out,transform .24s cubic-bezier(.16,1,.3,1);transition-delay:calc(60ms + var(--mars-sort-row-index,0) * 40ms);transform:translateY(0)}.mars-sort-menu button[data-description=true]{height:64px}.mars-sort-copy{flex-direction:column;flex:1;min-width:0;display:flex}.mars-sort-copy small{color:var(--mars-glass-popup-secondary)}.mars-sort-trailing{color:var(--mars-glass-popup-secondary);align-items:center;margin-left:auto;display:flex}.mars-sort-direction{flex:none;width:16px;height:16px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mars-sort-direction[data-glyph=chevron][data-direction=asc]{transform:rotate(180deg)}.mars-direction-sort{position:relative}.mars-direction-sort-panels{--mars-direction-sort-gap:16px;z-index:20;width:max-content;position:absolute}.mars-direction-sort-panels[data-placement=overlap]{top:0;right:-11px}.mars-direction-sort-panels[data-placement=above]{bottom:calc(100% + 8px);right:0}.mars-direction-sort-menu.mars-sort-menu{position:relative;top:0;right:0}.mars-direction-sort-submenu.mars-sort-menu{top:calc(var(--mars-direction-sort-key-index) * (var(--mars-sort-row-height) + var(--mars-sort-row-gap)));right:calc(100% + var(--mars-direction-sort-gap));transform-origin:0 0}.mars-direction-sort-panels:before{content:"";width:var(--mars-direction-sort-gap);position:absolute;top:0;bottom:0;right:100%}.mars-direction-sort-panels button:is(:hover,:focus-visible){outline:none}.mars-direction-sort-chevron{transform:rotate(-90deg)}@keyframes mars-sort-row-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mars-sort-check{flex:none;place-items:center;width:20px;height:20px;display:grid}.mars-sort-check img,.mars-sort-menu button>img,.mars-sort-danger-icon{flex:none;width:20px;height:20px}.mars-sort-danger-icon{background:currentColor;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (prefers-reduced-motion:reduce){.mars-sort-label>img,.mars-sort-chevron,.mars-sort-wrap[data-placement=overlap]>.mars-sort,:is(.mars-sort-menu,.mars-sort-motion)[data-state],:is(.mars-sort-menu,.mars-sort-motion)[data-state] button{transition-duration:.01ms;transition-delay:0s;animation-duration:.01ms;animation-delay:0s}:is(.mars-sort-menu,.mars-sort-motion){filter:none;transform:none}}}@layer utilities;