.mobile-filter-surface{display:none}@media (max-width:760px){.mobile-filter-surface{z-index:18;border-radius:var(--radius-card);background:var(--surface);width:calc(100% - 8px);box-shadow:none;border:1px solid #e4e9f1e6;gap:8px;margin:10px 4px 2px;padding:8px;display:grid;position:sticky;top:69px}.mobile-filter-surface.mobile-sticky-controls-stuck{box-shadow:0 10px 24px #0f141914}.mobile-filter-surface.mobile-sticky-controls-hidden{display:none!important}:is(.mobile-filter-surface:has(.select-menu),.mobile-filter-surface:has(.ticket-period__popover)){border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}.mobile-filter-surface .mobile-sticky-hide-button{z-index:2;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:24px;height:24px;color:var(--secondary);place-items:center;padding:0;font-size:17px;font-weight:800;line-height:1;display:grid;position:absolute;bottom:-11px;right:7px;box-shadow:0 6px 14px #0f14191a}.mobile-filter-surface__row{grid-template-columns:minmax(0,1fr) 44px;gap:8px;display:grid}.mobile-filter-surface>.mobile-filter-surface__row:not(form){grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-filter-surface__row .ticket-search,.mobile-filter-surface__row .ticket-period__trigger{min-height:44px}.mobile-filter-surface__row .ticket-search{grid-column:1}.mobile-filter-surface__row .ticket-period{grid-column:2}.mobile-filter-surface__row .ticket-period__trigger{border-color:var(--line);background:#fff;grid-template-columns:1fr;place-items:center;padding:0;display:grid}.mobile-filter-surface__row .ticket-period__trigger>span{display:none}.mobile-filter-surface__row .ticket-period__trigger>svg:first-child{width:18px;height:18px;color:var(--blue)}.mobile-filter-surface__row .ticket-period__chevron{display:none}.mobile-filter-select{min-width:0;display:block;position:relative}.mobile-filter-select .select-trigger{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:100%;min-height:44px;color:var(--text);text-align:left;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:6px;padding:0 10px;font-weight:700;display:grid}.mobile-filter-select .select-icon,.mobile-filter-select .select-chevron{color:var(--secondary);flex:none}.mobile-filter-select .select-icon svg{width:18px;height:18px}.mobile-filter-select .select-value{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:850;line-height:1;overflow:hidden}.mobile-filter-select .select-chevron{display:none}.mobile-filter-select .select-menu{z-index:60;border:1px solid var(--line);border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--surface);width:calc(200% + 25px);max-height:min(420px,64vh);box-shadow:none;border-top:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:-9px;overflow-y:auto}.mobile-filter-select .select-option{border:1px solid var(--line);min-height:42px;color:var(--text);text-align:left;background:#fff;border-radius:10px;align-items:center;padding:0 11px;font-size:12px;font-weight:750;transition:border-color .14s,background .14s,color .14s,transform .12s;display:flex}.mobile-filter-select .select-option:active{transform:scale(.97)}.mobile-filter-select.select-root-changing .select-trigger{background:var(--soft-blue);color:var(--blue);border-color:#2e7dff6b;box-shadow:0 0 0 3px #2e7dff14}.mobile-filter-select.select-root-changing .select-icon{color:var(--blue)}.mobile-filter-category-select .select-option{gap:8px}.mobile-filter-category-select .select-menu{max-height:none}.mobile-filter-category-select .select-option svg{width:16px;height:16px;color:var(--blue);flex:none}.mobile-filter-category-select .select-option-active svg{color:currentColor}.mobile-filter-select .select-option-active{background:var(--soft-blue);color:var(--blue)}.mobile-filter-surface__row:nth-child(2) .mobile-filter-select:last-child .select-menu{left:auto;right:-9px}.mobile-filter-surface .ticket-period__popover{z-index:36;width:calc(100vw - 32px);box-shadow:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-top:0;border-radius:0 0 18px 18px;max-height:calc(100vh - 92px);top:calc(100% + 60px);left:auto;right:-9px;overflow-y:auto;transform:none}.mobile-filter-surface .ticket-period__inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-filter-surface .ticket-period__date-field{padding:7px 8px}}