.search-bar[data-v-bf4a092c]{display:grid;gap:10px;grid-template-columns:3.3fr 2.4fr 2.3fr 2fr;flex-wrap:wrap;align-items:center;width:100%;position:relative;background-color:#ccc;padding:8px;border-radius:3px;margin-bottom:20px}.search-bar .date-dropdown[data-v-bf4a092c]{display:flex;gap:10px;align-items:center;justify-content:space-between}.search-bar .date-dropdown .date[data-v-bf4a092c]{width:48%;margin-bottom:unset;min-width:155px}.search-bar .date-dropdown .date[data-v-bf4a092c] .field-label{margin-bottom:5px;font-size:14px;line-height:1.2}.search-bar .date-dropdown .date[data-v-bf4a092c] label{border-radius:4px}.search-bar[data-v-bf4a092c] .selectRace{min-width:100px}.search-bar[data-v-bf4a092c] .selectRace .q-field__control{height:46px}.search-bar .queryText[data-v-bf4a092c]{margin-bottom:unset;min-width:160px}.search-bar .queryText[data-v-bf4a092c] .field-label{margin-bottom:5px;font-size:14px;line-height:1.2}.search-bar .queryText[data-v-bf4a092c] label{border-radius:4px}.search-bar .tacp-button[data-v-bf4a092c]{border-radius:4px;height:46px;min-width:70px}@media (max-width: 768px){.search-bar[data-v-bf4a092c]{grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:10px}.search-bar .date-dropdown[data-v-bf4a092c]{grid-area:1/1/span 1/span 3}.search-bar[data-v-bf4a092c] .selectRace{grid-area:1/4/span 1/span 2}.search-bar .queryText[data-v-bf4a092c]{grid-area:2/1/span 1/span 4}.search-bar .tacp-button[data-v-bf4a092c]{grid-area:2/5/span 1/span 1}}@media (max-width: 576px){.search-bar[data-v-bf4a092c]{grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}.search-bar .date-dropdown[data-v-bf4a092c]{grid-area:1/1/span 1/span 4}.search-bar[data-v-bf4a092c] .selectRace{grid-area:2/1/span 1/span 4}.search-bar .queryText[data-v-bf4a092c]{grid-area:3/1/span 1/span 3}.search-bar .tacp-button[data-v-bf4a092c]{grid-area:3/4/span 1/span 1}}@media (max-width: 480px){.search-bar .date-dropdown[data-v-bf4a092c]{gap:3px}}.loading-container[data-v-bf4a092c],.empty-container[data-v-bf4a092c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:20px}.empty-container[data-v-bf4a092c]{color:#333;font-size:16px}[data-v-bf4a092c] .q-table{width:100%}[data-v-bf4a092c] .q-table>* td.date-column{width:12%}[data-v-bf4a092c] .q-table>* td.title-column{width:35%}[data-v-bf4a092c] .q-table>* td.title-column:hover{cursor:pointer}[data-v-bf4a092c] .q-table>* td.title-column:hover .title{color:#e60a16;text-decoration:underline;text-underline-offset:5px}[data-v-bf4a092c] .q-table>* td.time-column{width:12%}[data-v-bf4a092c] .q-table>* td.duration-column{width:15%;white-space:pre-wrap}[data-v-bf4a092c] .q-table>* td.place-column{width:10%}[data-v-bf4a092c] .q-table>* td.seat-column{width:16%}[data-v-bf4a092c] .q-table thead tr th{padding-top:10px;padding-bottom:10px;background-color:#000;color:#fff;font-family:Roboto,sans-serif;font-size:16px}[data-v-bf4a092c] .q-table thead tr th:nth-child(1){border:1px solid #cccccc}[data-v-bf4a092c] .q-table thead tr th:nth-child(n+2){border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc}[data-v-bf4a092c] .q-table tbody tr td{height:90px;font-family:Roboto,sans-serif;font-size:16px}[data-v-bf4a092c] .q-table tbody tr td.time-column,[data-v-bf4a092c] .q-table tbody tr td.seat-column{padding:10px 0}[data-v-bf4a092c] .q-table tbody tr td.time-column .time:nth-child(2),[data-v-bf4a092c] .q-table tbody tr td.time-column .seat:nth-child(2),[data-v-bf4a092c] .q-table tbody tr td.seat-column .time:nth-child(2),[data-v-bf4a092c] .q-table tbody tr td.seat-column .seat:nth-child(2){margin-top:8px;padding-top:10px;border-top:1px solid #cccccc}[data-v-bf4a092c] .q-table tbody tr td .race{font-size:14px;color:#e60a16;margin-bottom:3px}[data-v-bf4a092c] .q-table tbody tr:nth-child(odd){background-color:#fff7f1}[data-v-bf4a092c] .q-table tbody tr:nth-child(2n){background-color:#ffece0}[data-v-bf4a092c] .q-table tbody tr:nth-child(2n) td:not(:nth-last-child(1)){border-right:1px solid #fbd4bb}[data-v-bf4a092c] .q-table tbody tr:nth-child(1) td{border-right:1px solid #cccccc;border-bottom:1px solid #cccccc}[data-v-bf4a092c] .q-table tbody tr:nth-child(1) td:nth-last-child(1){border-right:unset}[data-v-bf4a092c] .q-table tbody tr:nth-child(odd) td{border-top:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc}[data-v-bf4a092c] .q-table tbody tr:nth-child(odd) td:nth-last-child(1){border-right:unset}