stacjownik/dist/assets/TrainsView-9a810e32.css

.search label[data-v-437ed666]{display:block;color:#ccc;margin-bottom:.25em}.search-box[data-v-437ed666]{position:relative;display:flex;border-radius:.5em;min-width:200px;margin-right:.25em}.search-input[data-v-437ed666]{border:none;background-color:#424242;padding:.35em .5em;width:100%}.search-exit[data-v-437ed666]{background-color:#424242}.search-exit img[data-v-437ed666]{vertical-align:middle;height:1.3em}.search-button[data-v-437ed666]{width:80%;max-width:300px}@media only screen and (max-width: 700px){.search-box[data-v-437ed666],.search-button[data-v-437ed666]{margin:.5em 0 0}.search-box[data-v-437ed666]{width:100%}}h1.option-title[data-v-437ed666]{position:relative;font-size:1.1em;margin:.7em 0 .25em}h1.option-title[data-v-437ed666]:before{content:"";position:absolute;top:-4px;width:50%;height:2px;background-color:#fff;border-radius:2px}.options-anim-enter-from[data-v-437ed666],.options-anim-leave-to[data-v-437ed666]{opacity:0;transform:translateY(10px)}.options-anim-enter-active[data-v-437ed666],.options-anim-leave-active[data-v-437ed666]{transition:all .15s ease}.bg[data-v-437ed666]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10}.filters-options[data-v-437ed666]{position:relative;margin-bottom:.5em}.options_wrapper[data-v-437ed666]{position:absolute;background-color:#1d1d1d;box-shadow:0 5px 10px 2px #0f0f0f;width:100%;max-width:500px;padding:1em;z-index:100}.options_sorters[data-v-437ed666]{display:flex;align-items:center;flex-wrap:wrap;padding:.25em .25em 0 0}.options_filters[data-v-437ed666]{display:flex;flex-wrap:wrap;margin:.5em 0 0}.sort-option[data-v-437ed666],.filter-option[data-v-437ed666]{margin:.25em .25em .25em 0}.sort-option[data-selected=true][data-v-437ed666]{color:#ffc014;font-weight:700}.filter-option#abandoned[data-v-437ed666]{color:salmon}.filter-option#fulfilled[data-v-437ed666]{color:#90ee90}.filter-option#active[data-v-437ed666]{color:#add8e6}.search_content .search[data-v-437ed666]{margin:.5em auto}.search_content .search_actions[data-v-437ed666]{display:flex;gap:.5em;margin:1em 0;width:100%}.search_content .search_actions button[data-v-437ed666]{width:100%}.search_content .search-box .search-exit[data-v-437ed666]{position:absolute;transform:translateY(-50%);top:50%;right:0}@media only screen and (max-width: 700px){h1[data-v-437ed666]{text-align:center}h1[data-v-437ed666]:before{width:75%;left:50%;transform:translate(-50%)}.options_wrapper[data-v-437ed666]{font-size:1.1em;max-width:100%}.filter-option[data-v-437ed666],.sort-option[data-v-437ed666]{margin:.25em}.options_filters[data-v-437ed666],.options_sorters[data-v-437ed666]{justify-content:center}}.search_content>div[data-v-437ed666]{margin:.5em auto}.search_content>button[data-v-437ed666]{display:flex;justify-content:center;margin:0 auto}.filter-option button[data-v-437ed666]{color:#fff;font-weight:700}.filter-option button[data-disabled=true][data-v-437ed666]{color:#888}.filter-actions[data-v-437ed666]{display:flex;gap:.5em;width:100%;margin-top:1em}.filter-actions button[data-v-437ed666]{width:100%}.stats-anim-enter-active[data-v-e91c5bd9],.stats-anim-leave-active[data-v-e91c5bd9]{transition:all .15s ease-out}.stats-anim-enter-from[data-v-e91c5bd9],.stats-anim-leave-to[data-v-e91c5bd9]{opacity:0;transform:translateY(30px)}.train-stats[data-v-e91c5bd9]{position:relative;top:0;z-index:15}.stats_wrapper[data-v-e91c5bd9]{margin-bottom:.5em;outline:none}.stats-header[data-v-e91c5bd9]{display:flex;margin-bottom:.85em}.stats-header img[data-v-e91c5bd9]{vertical-align:middle;margin-right:.35em}.stats-body[data-v-e91c5bd9]{position:absolute;display:inline-block;max-width:700px;width:100%;top:100%;left:0;background:#222;border-radius:0 1em 1em;padding:1em}.stats-content[data-v-e91c5bd9]{color:#ddd}.category[data-v-e91c5bd9],.special[data-v-e91c5bd9]{margin-right:.4em;margin-bottom:.4em}.category-list[data-v-e91c5bd9],.special-list[data-v-e91c5bd9]{display:flex;flex-wrap:wrap}.category-type[data-v-e91c5bd9],.category-count[data-v-e91c5bd9],.special-type[data-v-e91c5bd9],.special-count[data-v-e91c5bd9]{display:inline-block;padding:.2em .4em}.category-type[data-v-e91c5bd9],.special-type[data-v-e91c5bd9]{background:#585858;font-weight:600}.category-count[data-v-e91c5bd9],.special-count[data-v-e91c5bd9]{background:#ffc014;color:#000}.special-list[data-v-e91c5bd9]{font-size:.85em}.special-count[data-v-e91c5bd9]{background:gray;color:#fff}.special.twr>.special-type[data-v-e91c5bd9]{background-color:var(--clr-twr);color:#000}.special.skr>.special-type[data-v-e91c5bd9]{background-color:var(--clr-skr);color:#fff}.warning[data-v-e91c5bd9]{display:inline-block;margin-right:.4em;padding:.2em .3em;color:#000;font-weight:700;font-size:.85em}@media only screen and (max-width: 700px){.stats-body[data-v-e91c5bd9]{display:block;width:100%;border-radius:0 0 1em 1em}.train-stats[data-v-e91c5bd9]{display:flex;justify-content:center}}.anim-enter-from[data-v-a74058cd],.anim-leave-to[data-v-a74058cd]{opacity:0}.anim-enter-active[data-v-a74058cd],.anim-leave-active[data-v-a74058cd]{transition:all .1s ease-out}.table-info[data-v-a74058cd]{text-align:center;padding:1em 0;font-size:1.5em;background:#1a1a1a}img.train-image[data-v-a74058cd]{width:12em}.traffic-warning[data-v-a74058cd]{padding:1em 0;margin-bottom:.5em;background:var(--clr-warning)}.timeouts-warning[data-v-a74058cd]{background-color:#333;font-weight:700;font-size:1.05em;margin-bottom:.5em;padding:.5em}.warning-timeout[data-v-a74058cd]{background-color:#be3728;color:#fff;display:inline-block;text-align:center;width:1.25em;height:1.25em;border-radius:50%}.train-list[data-v-a74058cd]{overflow:auto}@media only screen and (max-width: 700px){.train-list[data-v-a74058cd]{width:100%}}.train-row[data-v-a74058cd]{background-color:var(--clr-secondary);margin-bottom:1em;cursor:pointer}.train_cars[data-v-a74058cd]{display:flex;align-items:center;overflow:auto}.paginator[data-v-a74058cd]{display:flex;justify-content:center}.paginator_item[data-v-a74058cd]{padding:.25em .5em;margin:0 .5em;outline:2px solid salmon;min-width:30px;text-align:center;cursor:pointer}.paginator_item.page-number[data-v-a74058cd]{font-weight:700;color:gold}.paginator_item.disabled[data-v-a74058cd]{outline:2px solid lightgray;color:#d3d3d3}.paginator_item[data-v-a74058cd]:focus{outline:2px solid white}@media only screen and (max-width: 700px){.info-bottom[data-v-a74058cd]{text-align:center}}.trains-view[data-v-4c629457]{min-height:100%;position:relative}.trains_wrapper[data-v-4c629457]{margin:1rem auto;max-width:1350px}