// ==UserScript==
// @name Pxer: the tool for pixiv.net
// @name:zh-CN 像素猎手: Pixiv 批量下载工具
// @name:en-US Pxer: the tool for pixiv.net
// @name:ja-JP Pxer: Pixiv に向くクローラー
// @description Maybe the best tool for pixiv.net for capture pictures
// @description:zh-CN 可能是目前最好用的P站批量抓图工具
// @description:en-US Maybe the best tool for pixiv.net for capture pictures
// @description:ja-JP Pixiv の全てのツールで一番使いやすいバッチキャプチャーソフトかもしれない
// @icon https://pxer-app.pea3nut.org/public/favicon.ico
// @version 2021.12.5
// @namespace http://pxer.pea3nut.org/sfp
// @homepageURL http://pxer.pea3nut.org/
// @supportURL https://github.com/FoXZilla/Pxer/issues/new/choose
// @author pea3nut / eternal-flame-AD
// @grant none
// @noframes
// @require https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js
// @include https://www.pixiv.net*
// @include http://www.pixiv.net**
// @include http://pxer.pea3nut.org*
// @include https://pxer.pea3nut.org*
// ==/UserScript==
javascript: void(function() {
window['PXER_URL'] = 'https://pxer-app.pea3nut.org/';
window['PXER_MODE'] = 'sfp';
window['pxer'] = window['pxer'] || {};
pxer.util = pxer.util || {};
pxer.util.afterLoad =function(fn){
if(document.readyState !== 'loading'){
setTimeout(fn);
}else{
document.addEventListener('DOMContentLoaded', fn);
}
};
pxer.util.compile = function (str, scope = window) {
let matchResult = null;
while (matchResult = str.match(/{{\s*([\w_]+)\s*}}/)) {
str = str.replace(matchResult[0], scope[matchResult[1]]);
}
return str;
};
pxer.util.set = function (obj, key, val) {
const keys = key.split('.');
let pointer = obj;
for (let i = 0; i < keys.length; i++) {
if (i === keys.length - 1) {
pointer[keys[i]] = val;
} else {
pointer[keys[i]] = pointer[keys[i]] || {};
pointer = pointer[keys[i]];
}
}
};
// @ref https://www.jianshu.com/p/162dad820f48
pxer.util.get = function self(data,f){
if(f.substr) f = f.split(/\.|\\|\//);
if(f.length && data){
return self(data[f.shift()],f)
}else if(!f.length && data){
return data
}else {
return "";
}
};
pxer.util.addFile = async function (url) {
const sector = url.includes('?') ? '&' : '?';
const pxerVersion = /*@auto-fill*/'2021.12.5'/*@auto-fill*/;
if (!/^(https?:)?\/\//.test(url)) url = pxer.url + url;
url = url + sector + `pxer-version=${pxerVersion}`;
const createScript = () => new Promise(function (resolve, reject) {
const elt = document.createElement('script');
elt.addEventListener('error', reject);
elt.addEventListener('load', resolve);
elt.addEventListener('load', () => pxer.log('Loaded ' + url));
elt.src = url;
document.documentElement.appendChild(elt);
return elt;
});
const createCss = () => new Promise(function (resolve) {
const elt = document.createElement('link');
elt.rel = 'stylesheet';
elt.href = url;
document.documentElement.appendChild(elt);
resolve();
});
const createIcon = () => new Promise(function (resolve) {
pxer.util.afterLoad(() => {
Array.from(document.querySelectorAll("link[rel*='icon']")).forEach(elt => elt.href = url);
});
(document.head || document.documentElement).appendChild(function(){
const elt = document.createElement('link');
elt.rel = 'shortcut icon';
elt.type = 'image/x-icon';
elt.href = url;
return elt;
}());
resolve();
});
const fileFormat = url.match(/\.([^.]+?)(\?.+?)?$/)[1];
switch (fileFormat) {
case 'js':
return createScript();
case 'css':
return createCss();
case 'ico':
return createIcon();
case 'json':
return fetch(url).then(res => res.json());
default:
return fetch(url).then(res => res.text());
}
};
(async function(){
window['PXER_URL'] = window['PXER_URL'] || 'https://pxer-app.pea3nut.org/';
window['PXER_MODE'] = window['PXER_MODE'] || 'native';
window['PXER_LANG'] = window['PXER_LANG'] || (document.documentElement.lang || window.navigator.language).split('-')[0];
pxer.url = PXER_URL;
pxer.mode = PXER_MODE;
pxer.lang = PXER_LANG;
pxer.log = (...msg) => console.log('[Pxer]', ...msg);
switch (PXER_MODE) {
case 'dev':
case 'master':
// old version doesn't declare "@require vuejs"
await pxer.util.addFile('https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js');
case 'native':
await pxer.util.addFile('native.js');
break;
case 'local':
await pxer.util.addFile('src/local.js');
break;
case 'sfp':
break;
}
})().catch(console.error);
// package.json
pxer.util.set(pxer, 'package', {
"name": "pxer",
"version": "2021.12.5",
"private": true,
"scripts": {
"dev": "npm run build && ws --https --port 8125 --cors.origin=*",
"build": "node-sass src/ --output src/ && node build/build-launcher && node build/build-native && node build/build-sfp",
"test-build": "ws --directory dist/ --https --port 8125 --cors.origin *"
},
"dependencies": {
"request": "^2.88.0",
"vue": "^2.6.10"
},
"devDependencies": {
"bootstrap": "^4.3.1",
"ejs": "^2.7.1",
"local-web-server": "^3.0.7",
"node-sass": "^4.12.0"
}
}
)
;
// src/view/template.html
pxer.util.set(pxer, 'uiTemplate', `<div id="pxerApp" class="pxer-app">
<div class="pxer-nav">
<div class="pn-header">
<a href="http://pxer.pea3nut.org/" target="_blank">Pxer <small>{{ pxerVersion }}</small></a>
</div>
<div class="pn-message" v-text="errmsg" v-if="errmsg">
oops~ get some error
</div>
<div v-if="showAll || canCrawl" class="pn-buttons">
<div
class="pnb-progress"
v-show="showAll || isRunning || ['ready','re-ready'].includes(state)"
>
<span>{{ finishCount >= 0 ? finishCount : '-' }} / {{ taskCount }}</span>
</div>
<button
v-show="showAll || ['ready'].includes(state)"
@click="showTaskOption = !showTaskOption"
class="btn btn-outline-info"
>{{ t('button.option') }}</button>
<div
id="wave"
v-if="state==='init' || showLoadingButton"
>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
<button
class="btn btn-outline-primary"
@click="crawlDirectly"
v-else-if="canCrawlDirectly"
>{{ t('button.crawl') }}</button>
<template v-else>
<button class="btn btn-outline-success"
@click="load"
v-if="state==='standby'&&showLoadBtn"
>{{ t('button.load') }}</button>
<button class="btn btn-outline-primary"
@click="run"
v-if="state==='ready' || (state==='re-ready'&&pxer.taskList.length)"
>{{ t('button.crawl') }}</button>
<button class="btn btn-outline-danger"
@click="stop"
v-if="isRunning"
>{{ t('button.stop') }}</button>
<template v-if="showAll || showFailTaskList.length">
<button class="btn btn-outline-warning"
@click="showPxerFailWindow=!showPxerFailWindow"
>{{ t('button.successBut') }}</button><span class="pnb-warn-number"
v-text="showFailTaskList.length>99?99:showFailTaskList.length"></span>
</template>
</template>
</div>
</div>
<div class="pxer-fail" v-if="showAll ||(showPxerFailWindow &&showFailTaskList.length)">
<table class="table">
<thead class="pft-head"><tr>
<td>{{ t('label.pictureId') }}</td>
<td width="100">{{ t('label.reason') }}</td>
<td>{{ t('label.way') }}</td>
<td width="170" class="text-right">
<button class="btn btn-outline-secondary"
@click="checkedFailWorksList =pxer.failList">{{ t('button.selectAll') }}</button>
<button class="btn btn-outline-success" @click="tryCheckedPfi">{{ t('button.retryTheSelected') }}</button>
</td>
</tr></thead>
<tbody><tr v-for="pfi of showFailTaskList">
<td><a :href="pfi.url">{{pfi.task.id}}</a></td>
<td v-text="formatFailType(pfi.type)"></td>
<td v-html="formatFailSolution(pfi.type)"></td>
<td class="text-right"><input type="checkbox" :value="pfi" v-model="checkedFailWorksList"></td>
</tr></tbody>
</table>
</div>
<div class="pxer-task-option form-inline" v-if="showAll ||(showTaskOption&&state==='ready')">
<div class="form-group">
<label class="pcf-title">{{ t('label.onlyGetTop') }}</label>
<input type="number" class="form-control" v-model="taskOption.limit" />
</div>
<div class="form-group">
<label class="pcf-title">{{ t('label.onlyGetBeforeId') }}</label>
<input type="number" class="form-control" v-model="taskOption.stopId" />
</div>
<div class="form-group ptp-buttons">
<button class="btn btn-outline-success" @click="useTaskOption">{{ t('button.apply') }}</button>
</div>
</div>
<div class="pxer-print" v-if="showAll ||['finish'].indexOf(state)!==-1">
<div class="pp-filter pxer-class-fieldset">
<div class="ppf-title pcf-title">{{ t('title.filterOptions') }}</div>
<div class="ppf-form">
<div class="form-row">
<div class="form-row">
<div class="form-group col">
<label>{{ t('label.likeCount') }} ≥</label>
<input type="number" class="form-control" v-model.number="pxer.pfConfig.rated" />
</div>
<div class="form-group col">
<label>{{ t('label.viewCount') }} ≥</label>
<input type="number" class="form-control" v-model.number="pxer.pfConfig.view" />
</div>
<div class="form-group col">
<label>{{ t('label.likeProportion') }} ≥</label>
<input
type="number"
class="form-control"
v-model.number="pxer.pfConfig.rated_pro"
:placeholder="t('phrase.likeProportion')"
/>
</div>
</div>
</div>
<div class="card ppf-tag-card">
<div class="card-header">
{{ t('title.filterByTag')}}
<div class="float-right">
<span class="badge badge-secondary">{{ t('label.whatever') }}</span>
<span class="badge badge-danger ">{{ t('label.exclude') }}</span>
<span class="badge badge-success">{{ t('label.mustInclude') }}</span>
</div>
</div>
<div class="card-body" :style="tagFilterFolded ? 'height: 500px' : ''">
<button
v-for="tagName in tagInfo.tags"
class="btn btn-sm ppf-tag"
:class="countTagTheme(tagName)"
@click="onTagClick(tagName)"
@dblclick.stop
>
{{ tagName }}
<span class="badge badge-light">{{ tagInfo.count[tagName] }}</span>
</button>
<div
v-if="tagFilterFolded"
class="ppf-show-all-tag"
@click="showAllTagFilter = true"
>{{ t('button.showAll')}}</div>
</div>
</div>
</div>
</div>
<div class="pp-print pxer-class-fieldset">
<div class="ppp-title pcf-title">{{ t('title.printOptions') }}</div>
<div class="ppp-form">
<div class="form-group">
<label>{{ t('label.singleIllust') }}</label>
<select class="form-control" v-model="pxer.ppConfig.illust_single">
<option value="max">{{ t('option.max') }}</option>
<option value="600p">600p</option>
<option value="no">{{ t('option.no') }}</option>
</select>
</div>
<div class="form-group">
<label>{{ t('label.multipleIllust') }}</label>
<select class="form-control" v-model="pxer.ppConfig.illust_multiple">
<option value="max">{{ t('option.max') }}</option>
<option value="1200p">1200p</option>
<option value="cover_600p">{{ t('option.cover600p') }}</option>
<option value="no">{{ t('option.no') }}</option>
</select>
</div>
<div class="form-group">
<label>{{ t('label.singleManga') }}</label>
<select class="form-control" v-model="pxer.ppConfig.manga_single">
<option value="max">{{ t('option.max') }}</option>
<option value="600p">600p</option>
<option value="no">{{ t('option.no') }}</option>
</select>
</div>
<div class="form-group">
<label>{{ t('label.multipleManga') }}</label>
<select class="form-control" v-model="pxer.ppConfig.manga_multiple">
<option value="max">{{ t('option.max') }}</option>
<option value="1200p">1200p</option>
<option value="cover_600p">{{ t('option.cover600p') }}</option>
<option value="no">{{ t('option.no') }}</option>
</select>
</div>
<div class="form-group">
<label>{{ t('label.ugoira') }}</label>
<select class="form-control" v-model="printConfigUgoira">
<option value="max-no">{{ t('option.ugoiraMax') }}</option>
<option value="600p-no">{{ t('option.ugoira600p') }}</option>
<option value="max-yes">{{ t('option.ugoiraMax') }} + {{ t('option.ugoiraConfig') }}</option>
<option value="600p-yes">{{ t('option.ugoira600p') }} + {{ t('option.ugoiraConfig') }}</option>
<option value="no-no">{{ t('option.no') }}</option>
</select>
</div>
<div class="pppf-buttons">
<p class="pppfb-msg" v-html="taskInfo" v-if="taskInfo"></p>
<button class="btn btn-outline-info" @click="count">{{ t('button.preview') }}</button>
<button class="btn btn-outline-success" @click="printWorks">{{ t('button.print') }}</button>
</div>
</div>
</div>
</div>
</div>`)
;
// src/view/style.css
document.documentElement.appendChild(
document.createElement('style')
).innerHTML = `.pxer-app {
/*!
* Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
max-width: 970px;
width: 100%;
margin: 0 auto;
box-sizing: border-box;
color: #212529;
font-size: 14px; }
.pxer-app html {
box-sizing: border-box;
-ms-overflow-style: scrollbar; }
.pxer-app *,
.pxer-app *::before,
.pxer-app *::after {
box-sizing: inherit; }
.pxer-app .container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
@media (min-width: 576px) {
.pxer-app .container {
max-width: 540px; } }
@media (min-width: 768px) {
.pxer-app .container {
max-width: 720px; } }
@media (min-width: 992px) {
.pxer-app .container {
max-width: 960px; } }
@media (min-width: 1200px) {
.pxer-app .container {
max-width: 1140px; } }
.pxer-app .container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
.pxer-app .row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px; }
.pxer-app .no-gutters {
margin-right: 0;
margin-left: 0; }
.pxer-app .no-gutters > .col,
.pxer-app .no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0; }
.pxer-app .col-1, .pxer-app .col-2, .pxer-app .col-3, .pxer-app .col-4, .pxer-app .col-5, .pxer-app .col-6, .pxer-app .col-7, .pxer-app .col-8, .pxer-app .col-9, .pxer-app .col-10, .pxer-app .col-11, .pxer-app .col-12, .pxer-app .col,
.pxer-app .col-auto, .pxer-app .col-sm-1, .pxer-app .col-sm-2, .pxer-app .col-sm-3, .pxer-app .col-sm-4, .pxer-app .col-sm-5, .pxer-app .col-sm-6, .pxer-app .col-sm-7, .pxer-app .col-sm-8, .pxer-app .col-sm-9, .pxer-app .col-sm-10, .pxer-app .col-sm-11, .pxer-app .col-sm-12, .pxer-app .col-sm,
.pxer-app .col-sm-auto, .pxer-app .col-md-1, .pxer-app .col-md-2, .pxer-app .col-md-3, .pxer-app .col-md-4, .pxer-app .col-md-5, .pxer-app .col-md-6, .pxer-app .col-md-7, .pxer-app .col-md-8, .pxer-app .col-md-9, .pxer-app .col-md-10, .pxer-app .col-md-11, .pxer-app .col-md-12, .pxer-app .col-md,
.pxer-app .col-md-auto, .pxer-app .col-lg-1, .pxer-app .col-lg-2, .pxer-app .col-lg-3, .pxer-app .col-lg-4, .pxer-app .col-lg-5, .pxer-app .col-lg-6, .pxer-app .col-lg-7, .pxer-app .col-lg-8, .pxer-app .col-lg-9, .pxer-app .col-lg-10, .pxer-app .col-lg-11, .pxer-app .col-lg-12, .pxer-app .col-lg,
.pxer-app .col-lg-auto, .pxer-app .col-xl-1, .pxer-app .col-xl-2, .pxer-app .col-xl-3, .pxer-app .col-xl-4, .pxer-app .col-xl-5, .pxer-app .col-xl-6, .pxer-app .col-xl-7, .pxer-app .col-xl-8, .pxer-app .col-xl-9, .pxer-app .col-xl-10, .pxer-app .col-xl-11, .pxer-app .col-xl-12, .pxer-app .col-xl,
.pxer-app .col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px; }
.pxer-app .col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.pxer-app .col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.pxer-app .col-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.pxer-app .col-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.pxer-app .col-3 {
flex: 0 0 25%;
max-width: 25%; }
.pxer-app .col-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.pxer-app .col-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.pxer-app .col-6 {
flex: 0 0 50%;
max-width: 50%; }
.pxer-app .col-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.pxer-app .col-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.pxer-app .col-9 {
flex: 0 0 75%;
max-width: 75%; }
.pxer-app .col-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.pxer-app .col-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.pxer-app .col-12 {
flex: 0 0 100%;
max-width: 100%; }
.pxer-app .order-first {
order: -1; }
.pxer-app .order-last {
order: 13; }
.pxer-app .order-0 {
order: 0; }
.pxer-app .order-1 {
order: 1; }
.pxer-app .order-2 {
order: 2; }
.pxer-app .order-3 {
order: 3; }
.pxer-app .order-4 {
order: 4; }
.pxer-app .order-5 {
order: 5; }
.pxer-app .order-6 {
order: 6; }
.pxer-app .order-7 {
order: 7; }
.pxer-app .order-8 {
order: 8; }
.pxer-app .order-9 {
order: 9; }
.pxer-app .order-10 {
order: 10; }
.pxer-app .order-11 {
order: 11; }
.pxer-app .order-12 {
order: 12; }
.pxer-app .offset-1 {
margin-left: 8.33333%; }
.pxer-app .offset-2 {
margin-left: 16.66667%; }
.pxer-app .offset-3 {
margin-left: 25%; }
.pxer-app .offset-4 {
margin-left: 33.33333%; }
.pxer-app .offset-5 {
margin-left: 41.66667%; }
.pxer-app .offset-6 {
margin-left: 50%; }
.pxer-app .offset-7 {
margin-left: 58.33333%; }
.pxer-app .offset-8 {
margin-left: 66.66667%; }
.pxer-app .offset-9 {
margin-left: 75%; }
.pxer-app .offset-10 {
margin-left: 83.33333%; }
.pxer-app .offset-11 {
margin-left: 91.66667%; }
@media (min-width: 576px) {
.pxer-app .col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.pxer-app .col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.pxer-app .col-sm-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.pxer-app .col-sm-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.pxer-app .col-sm-3 {
flex: 0 0 25%;
max-width: 25%; }
.pxer-app .col-sm-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.pxer-app .col-sm-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.pxer-app .col-sm-6 {
flex: 0 0 50%;
max-width: 50%; }
.pxer-app .col-sm-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.pxer-app .col-sm-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.pxer-app .col-sm-9 {
flex: 0 0 75%;
max-width: 75%; }
.pxer-app .col-sm-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.pxer-app .col-sm-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.pxer-app .col-sm-12 {
flex: 0 0 100%;
max-width: 100%; }
.pxer-app .order-sm-first {
order: -1; }
.pxer-app .order-sm-last {
order: 13; }
.pxer-app .order-sm-0 {
order: 0; }
.pxer-app .order-sm-1 {
order: 1; }
.pxer-app .order-sm-2 {
order: 2; }
.pxer-app .order-sm-3 {
order: 3; }
.pxer-app .order-sm-4 {
order: 4; }
.pxer-app .order-sm-5 {
order: 5; }
.pxer-app .order-sm-6 {
order: 6; }
.pxer-app .order-sm-7 {
order: 7; }
.pxer-app .order-sm-8 {
order: 8; }
.pxer-app .order-sm-9 {
order: 9; }
.pxer-app .order-sm-10 {
order: 10; }
.pxer-app .order-sm-11 {
order: 11; }
.pxer-app .order-sm-12 {
order: 12; }
.pxer-app .offset-sm-0 {
margin-left: 0; }
.pxer-app .offset-sm-1 {
margin-left: 8.33333%; }
.pxer-app .offset-sm-2 {
margin-left: 16.66667%; }
.pxer-app .offset-sm-3 {
margin-left: 25%; }
.pxer-app .offset-sm-4 {
margin-left: 33.33333%; }
.pxer-app .offset-sm-5 {
margin-left: 41.66667%; }
.pxer-app .offset-sm-6 {
margin-left: 50%; }
.pxer-app .offset-sm-7 {
margin-left: 58.33333%; }
.pxer-app .offset-sm-8 {
margin-left: 66.66667%; }
.pxer-app .offset-sm-9 {
margin-left: 75%; }
.pxer-app .offset-sm-10 {
margin-left: 83.33333%; }
.pxer-app .offset-sm-11 {
margin-left: 91.66667%; } }
@media (min-width: 768px) {
.pxer-app .col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.pxer-app .col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.pxer-app .col-md-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.pxer-app .col-md-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.pxer-app .col-md-3 {
flex: 0 0 25%;
max-width: 25%; }
.pxer-app .col-md-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.pxer-app .col-md-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.pxer-app .col-md-6 {
flex: 0 0 50%;
max-width: 50%; }
.pxer-app .col-md-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.pxer-app .col-md-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.pxer-app .col-md-9 {
flex: 0 0 75%;
max-width: 75%; }
.pxer-app .col-md-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.pxer-app .col-md-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.pxer-app .col-md-12 {
flex: 0 0 100%;
max-width: 100%; }
.pxer-app .order-md-first {
order: -1; }
.pxer-app .order-md-last {
order: 13; }
.pxer-app .order-md-0 {
order: 0; }
.pxer-app .order-md-1 {
order: 1; }
.pxer-app .order-md-2 {
order: 2; }
.pxer-app .order-md-3 {
order: 3; }
.pxer-app .order-md-4 {
order: 4; }
.pxer-app .order-md-5 {
order: 5; }
.pxer-app .order-md-6 {
order: 6; }
.pxer-app .order-md-7 {
order: 7; }
.pxer-app .order-md-8 {
order: 8; }
.pxer-app .order-md-9 {
order: 9; }
.pxer-app .order-md-10 {
order: 10; }
.pxer-app .order-md-11 {
order: 11; }
.pxer-app .order-md-12 {
order: 12; }
.pxer-app .offset-md-0 {
margin-left: 0; }
.pxer-app .offset-md-1 {
margin-left: 8.33333%; }
.pxer-app .offset-md-2 {
margin-left: 16.66667%; }
.pxer-app .offset-md-3 {
margin-left: 25%; }
.pxer-app .offset-md-4 {
margin-left: 33.33333%; }
.pxer-app .offset-md-5 {
margin-left: 41.66667%; }
.pxer-app .offset-md-6 {
margin-left: 50%; }
.pxer-app .offset-md-7 {
margin-left: 58.33333%; }
.pxer-app .offset-md-8 {
margin-left: 66.66667%; }
.pxer-app .offset-md-9 {
margin-left: 75%; }
.pxer-app .offset-md-10 {
margin-left: 83.33333%; }
.pxer-app .offset-md-11 {
margin-left: 91.66667%; } }
@media (min-width: 992px) {
.pxer-app .col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.pxer-app .col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.pxer-app .col-lg-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.pxer-app .col-lg-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.pxer-app .col-lg-3 {
flex: 0 0 25%;
max-width: 25%; }
.pxer-app .col-lg-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.pxer-app .col-lg-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.pxer-app .col-lg-6 {
flex: 0 0 50%;
max-width: 50%; }
.pxer-app .col-lg-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.pxer-app .col-lg-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.pxer-app .col-lg-9 {
flex: 0 0 75%;
max-width: 75%; }
.pxer-app .col-lg-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.pxer-app .col-lg-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.pxer-app .col-lg-12 {
flex: 0 0 100%;
max-width: 100%; }
.pxer-app .order-lg-first {
order: -1; }
.pxer-app .order-lg-last {
order: 13; }
.pxer-app .order-lg-0 {
order: 0; }
.pxer-app .order-lg-1 {
order: 1; }
.pxer-app .order-lg-2 {
order: 2; }
.pxer-app .order-lg-3 {
order: 3; }
.pxer-app .order-lg-4 {
order: 4; }
.pxer-app .order-lg-5 {
order: 5; }
.pxer-app .order-lg-6 {
order: 6; }
.pxer-app .order-lg-7 {
order: 7; }
.pxer-app .order-lg-8 {
order: 8; }
.pxer-app .order-lg-9 {
order: 9; }
.pxer-app .order-lg-10 {
order: 10; }
.pxer-app .order-lg-11 {
order: 11; }
.pxer-app .order-lg-12 {
order: 12; }
.pxer-app .offset-lg-0 {
margin-left: 0; }
.pxer-app .offset-lg-1 {
margin-left: 8.33333%; }
.pxer-app .offset-lg-2 {
margin-left: 16.66667%; }
.pxer-app .offset-lg-3 {
margin-left: 25%; }
.pxer-app .offset-lg-4 {
margin-left: 33.33333%; }
.pxer-app .offset-lg-5 {
margin-left: 41.66667%; }
.pxer-app .offset-lg-6 {
margin-left: 50%; }
.pxer-app .offset-lg-7 {
margin-left: 58.33333%; }
.pxer-app .offset-lg-8 {
margin-left: 66.66667%; }
.pxer-app .offset-lg-9 {
margin-left: 75%; }
.pxer-app .offset-lg-10 {
margin-left: 83.33333%; }
.pxer-app .offset-lg-11 {
margin-left: 91.66667%; } }
@media (min-width: 1200px) {
.pxer-app .col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.pxer-app .col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.pxer-app .col-xl-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.pxer-app .col-xl-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.pxer-app .col-xl-3 {
flex: 0 0 25%;
max-width: 25%; }
.pxer-app .col-xl-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.pxer-app .col-xl-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.pxer-app .col-xl-6 {
flex: 0 0 50%;
max-width: 50%; }
.pxer-app .col-xl-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.pxer-app .col-xl-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.pxer-app .col-xl-9 {
flex: 0 0 75%;
max-width: 75%; }
.pxer-app .col-xl-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.pxer-app .col-xl-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.pxer-app .col-xl-12 {
flex: 0 0 100%;
max-width: 100%; }
.pxer-app .order-xl-first {
order: -1; }
.pxer-app .order-xl-last {
order: 13; }
.pxer-app .order-xl-0 {
order: 0; }
.pxer-app .order-xl-1 {
order: 1; }
.pxer-app .order-xl-2 {
order: 2; }
.pxer-app .order-xl-3 {
order: 3; }
.pxer-app .order-xl-4 {
order: 4; }
.pxer-app .order-xl-5 {
order: 5; }
.pxer-app .order-xl-6 {
order: 6; }
.pxer-app .order-xl-7 {
order: 7; }
.pxer-app .order-xl-8 {
order: 8; }
.pxer-app .order-xl-9 {
order: 9; }
.pxer-app .order-xl-10 {
order: 10; }
.pxer-app .order-xl-11 {
order: 11; }
.pxer-app .order-xl-12 {
order: 12; }
.pxer-app .offset-xl-0 {
margin-left: 0; }
.pxer-app .offset-xl-1 {
margin-left: 8.33333%; }
.pxer-app .offset-xl-2 {
margin-left: 16.66667%; }
.pxer-app .offset-xl-3 {
margin-left: 25%; }
.pxer-app .offset-xl-4 {
margin-left: 33.33333%; }
.pxer-app .offset-xl-5 {
margin-left: 41.66667%; }
.pxer-app .offset-xl-6 {
margin-left: 50%; }
.pxer-app .offset-xl-7 {
margin-left: 58.33333%; }
.pxer-app .offset-xl-8 {
margin-left: 66.66667%; }
.pxer-app .offset-xl-9 {
margin-left: 75%; }
.pxer-app .offset-xl-10 {
margin-left: 83.33333%; }
.pxer-app .offset-xl-11 {
margin-left: 91.66667%; } }
.pxer-app .d-none {
display: none !important; }
.pxer-app .d-inline {
display: inline !important; }
.pxer-app .d-inline-block {
display: inline-block !important; }
.pxer-app .d-block {
display: block !important; }
.pxer-app .d-table {
display: table !important; }
.pxer-app .d-table-row {
display: table-row !important; }
.pxer-app .d-table-cell {
display: table-cell !important; }
.pxer-app .d-flex {
display: flex !important; }
.pxer-app .d-inline-flex {
display: inline-flex !important; }
@media (min-width: 576px) {
.pxer-app .d-sm-none {
display: none !important; }
.pxer-app .d-sm-inline {
display: inline !important; }
.pxer-app .d-sm-inline-block {
display: inline-block !important; }
.pxer-app .d-sm-block {
display: block !important; }
.pxer-app .d-sm-table {
display: table !important; }
.pxer-app .d-sm-table-row {
display: table-row !important; }
.pxer-app .d-sm-table-cell {
display: table-cell !important; }
.pxer-app .d-sm-flex {
display: flex !important; }
.pxer-app .d-sm-inline-flex {
display: inline-flex !important; } }
@media (min-width: 768px) {
.pxer-app .d-md-none {
display: none !important; }
.pxer-app .d-md-inline {
display: inline !important; }
.pxer-app .d-md-inline-block {
display: inline-block !important; }
.pxer-app .d-md-block {
display: block !important; }
.pxer-app .d-md-table {
display: table !important; }
.pxer-app .d-md-table-row {
display: table-row !important; }
.pxer-app .d-md-table-cell {
display: table-cell !important; }
.pxer-app .d-md-flex {
display: flex !important; }
.pxer-app .d-md-inline-flex {
display: inline-flex !important; } }
@media (min-width: 992px) {
.pxer-app .d-lg-none {
display: none !important; }
.pxer-app .d-lg-inline {
display: inline !important; }
.pxer-app .d-lg-inline-block {
display: inline-block !important; }
.pxer-app .d-lg-block {
display: block !important; }
.pxer-app .d-lg-table {
display: table !important; }
.pxer-app .d-lg-table-row {
display: table-row !important; }
.pxer-app .d-lg-table-cell {
display: table-cell !important; }
.pxer-app .d-lg-flex {
display: flex !important; }
.pxer-app .d-lg-inline-flex {
display: inline-flex !important; } }
@media (min-width: 1200px) {
.pxer-app .d-xl-none {
display: none !important; }
.pxer-app .d-xl-inline {
display: inline !important; }
.pxer-app .d-xl-inline-block {
display: inline-block !important; }
.pxer-app .d-xl-block {
display: block !important; }
.pxer-app .d-xl-table {
display: table !important; }
.pxer-app .d-xl-table-row {
display: table-row !important; }
.pxer-app .d-xl-table-cell {
display: table-cell !important; }
.pxer-app .d-xl-flex {
display: flex !important; }
.pxer-app .d-xl-inline-flex {
display: inline-flex !important; } }
@media print {
.pxer-app .d-print-none {
display: none !important; }
.pxer-app .d-print-inline {
display: inline !important; }
.pxer-app .d-print-inline-block {
display: inline-block !important; }
.pxer-app .d-print-block {
display: block !important; }
.pxer-app .d-print-table {
display: table !important; }
.pxer-app .d-print-table-row {
display: table-row !important; }
.pxer-app .d-print-table-cell {
display: table-cell !important; }
.pxer-app .d-print-flex {
display: flex !important; }
.pxer-app .d-print-inline-flex {
display: inline-flex !important; } }
.pxer-app .flex-row {
flex-direction: row !important; }
.pxer-app .flex-column {
flex-direction: column !important; }
.pxer-app .flex-row-reverse {
flex-direction: row-reverse !important; }
.pxer-app .flex-column-reverse {
flex-direction: column-reverse !important; }
.pxer-app .flex-wrap {
flex-wrap: wrap !important; }
.pxer-app .flex-nowrap {
flex-wrap: nowrap !important; }
.pxer-app .flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.pxer-app .flex-fill {
flex: 1 1 auto !important; }
.pxer-app .flex-grow-0 {
flex-grow: 0 !important; }
.pxer-app .flex-grow-1 {
flex-grow: 1 !important; }
.pxer-app .flex-shrink-0 {
flex-shrink: 0 !important; }
.pxer-app .flex-shrink-1 {
flex-shrink: 1 !important; }
.pxer-app .justify-content-start {
justify-content: flex-start !important; }
.pxer-app .justify-content-end {
justify-content: flex-end !important; }
.pxer-app .justify-content-center {
justify-content: center !important; }
.pxer-app .justify-content-between {
justify-content: space-between !important; }
.pxer-app .justify-content-around {
justify-content: space-around !important; }
.pxer-app .align-items-start {
align-items: flex-start !important; }
.pxer-app .align-items-end {
align-items: flex-end !important; }
.pxer-app .align-items-center {
align-items: center !important; }
.pxer-app .align-items-baseline {
align-items: baseline !important; }
.pxer-app .align-items-stretch {
align-items: stretch !important; }
.pxer-app .align-content-start {
align-content: flex-start !important; }
.pxer-app .align-content-end {
align-content: flex-end !important; }
.pxer-app .align-content-center {
align-content: center !important; }
.pxer-app .align-content-between {
align-content: space-between !important; }
.pxer-app .align-content-around {
align-content: space-around !important; }
.pxer-app .align-content-stretch {
align-content: stretch !important; }
.pxer-app .align-self-auto {
align-self: auto !important; }
.pxer-app .align-self-start {
align-self: flex-start !important; }
.pxer-app .align-self-end {
align-self: flex-end !important; }
.pxer-app .align-self-center {
align-self: center !important; }
.pxer-app .align-self-baseline {
align-self: baseline !important; }
.pxer-app .align-self-stretch {
align-self: stretch !important; }
@media (min-width: 576px) {
.pxer-app .flex-sm-row {
flex-direction: row !important; }
.pxer-app .flex-sm-column {
flex-direction: column !important; }
.pxer-app .flex-sm-row-reverse {
flex-direction: row-reverse !important; }
.pxer-app .flex-sm-column-reverse {
flex-direction: column-reverse !important; }
.pxer-app .flex-sm-wrap {
flex-wrap: wrap !important; }
.pxer-app .flex-sm-nowrap {
flex-wrap: nowrap !important; }
.pxer-app .flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.pxer-app .flex-sm-fill {
flex: 1 1 auto !important; }
.pxer-app .flex-sm-grow-0 {
flex-grow: 0 !important; }
.pxer-app .flex-sm-grow-1 {
flex-grow: 1 !important; }
.pxer-app .flex-sm-shrink-0 {
flex-shrink: 0 !important; }
.pxer-app .flex-sm-shrink-1 {
flex-shrink: 1 !important; }
.pxer-app .justify-content-sm-start {
justify-content: flex-start !important; }
.pxer-app .justify-content-sm-end {
justify-content: flex-end !important; }
.pxer-app .justify-content-sm-center {
justify-content: center !important; }
.pxer-app .justify-content-sm-between {
justify-content: space-between !important; }
.pxer-app .justify-content-sm-around {
justify-content: space-around !important; }
.pxer-app .align-items-sm-start {
align-items: flex-start !important; }
.pxer-app .align-items-sm-end {
align-items: flex-end !important; }
.pxer-app .align-items-sm-center {
align-items: center !important; }
.pxer-app .align-items-sm-baseline {
align-items: baseline !important; }
.pxer-app .align-items-sm-stretch {
align-items: stretch !important; }
.pxer-app .align-content-sm-start {
align-content: flex-start !important; }
.pxer-app .align-content-sm-end {
align-content: flex-end !important; }
.pxer-app .align-content-sm-center {
align-content: center !important; }
.pxer-app .align-content-sm-between {
align-content: space-between !important; }
.pxer-app .align-content-sm-around {
align-content: space-around !important; }
.pxer-app .align-content-sm-stretch {
align-content: stretch !important; }
.pxer-app .align-self-sm-auto {
align-self: auto !important; }
.pxer-app .align-self-sm-start {
align-self: flex-start !important; }
.pxer-app .align-self-sm-end {
align-self: flex-end !important; }
.pxer-app .align-self-sm-center {
align-self: center !important; }
.pxer-app .align-self-sm-baseline {
align-self: baseline !important; }
.pxer-app .align-self-sm-stretch {
align-self: stretch !important; } }
@media (min-width: 768px) {
.pxer-app .flex-md-row {
flex-direction: row !important; }
.pxer-app .flex-md-column {
flex-direction: column !important; }
.pxer-app .flex-md-row-reverse {
flex-direction: row-reverse !important; }
.pxer-app .flex-md-column-reverse {
flex-direction: column-reverse !important; }
.pxer-app .flex-md-wrap {
flex-wrap: wrap !important; }
.pxer-app .flex-md-nowrap {
flex-wrap: nowrap !important; }
.pxer-app .flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.pxer-app .flex-md-fill {
flex: 1 1 auto !important; }
.pxer-app .flex-md-grow-0 {
flex-grow: 0 !important; }
.pxer-app .flex-md-grow-1 {
flex-grow: 1 !important; }
.pxer-app .flex-md-shrink-0 {
flex-shrink: 0 !important; }
.pxer-app .flex-md-shrink-1 {
flex-shrink: 1 !important; }
.pxer-app .justify-content-md-start {
justify-content: flex-start !important; }
.pxer-app .justify-content-md-end {
justify-content: flex-end !important; }
.pxer-app .justify-content-md-center {
justify-content: center !important; }
.pxer-app .justify-content-md-between {
justify-content: space-between !important; }
.pxer-app .justify-content-md-around {
justify-content: space-around !important; }
.pxer-app .align-items-md-start {
align-items: flex-start !important; }
.pxer-app .align-items-md-end {
align-items: flex-end !important; }
.pxer-app .align-items-md-center {
align-items: center !important; }
.pxer-app .align-items-md-baseline {
align-items: baseline !important; }
.pxer-app .align-items-md-stretch {
align-items: stretch !important; }
.pxer-app .align-content-md-start {
align-content: flex-start !important; }
.pxer-app .align-content-md-end {
align-content: flex-end !important; }
.pxer-app .align-content-md-center {
align-content: center !important; }
.pxer-app .align-content-md-between {
align-content: space-between !important; }
.pxer-app .align-content-md-around {
align-content: space-around !important; }
.pxer-app .align-content-md-stretch {
align-content: stretch !important; }
.pxer-app .align-self-md-auto {
align-self: auto !important; }
.pxer-app .align-self-md-start {
align-self: flex-start !important; }
.pxer-app .align-self-md-end {
align-self: flex-end !important; }
.pxer-app .align-self-md-center {
align-self: center !important; }
.pxer-app .align-self-md-baseline {
align-self: baseline !important; }
.pxer-app .align-self-md-stretch {
align-self: stretch !important; } }
@media (min-width: 992px) {
.pxer-app .flex-lg-row {
flex-direction: row !important; }
.pxer-app .flex-lg-column {
flex-direction: column !important; }
.pxer-app .flex-lg-row-reverse {
flex-direction: row-reverse !important; }
.pxer-app .flex-lg-column-reverse {
flex-direction: column-reverse !important; }
.pxer-app .flex-lg-wrap {
flex-wrap: wrap !important; }
.pxer-app .flex-lg-nowrap {
flex-wrap: nowrap !important; }
.pxer-app .flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.pxer-app .flex-lg-fill {
flex: 1 1 auto !important; }
.pxer-app .flex-lg-grow-0 {
flex-grow: 0 !important; }
.pxer-app .flex-lg-grow-1 {
flex-grow: 1 !important; }
.pxer-app .flex-lg-shrink-0 {
flex-shrink: 0 !important; }
.pxer-app .flex-lg-shrink-1 {
flex-shrink: 1 !important; }
.pxer-app .justify-content-lg-start {
justify-content: flex-start !important; }
.pxer-app .justify-content-lg-end {
justify-content: flex-end !important; }
.pxer-app .justify-content-lg-center {
justify-content: center !important; }
.pxer-app .justify-content-lg-between {
justify-content: space-between !important; }
.pxer-app .justify-content-lg-around {
justify-content: space-around !important; }
.pxer-app .align-items-lg-start {
align-items: flex-start !important; }
.pxer-app .align-items-lg-end {
align-items: flex-end !important; }
.pxer-app .align-items-lg-center {
align-items: center !important; }
.pxer-app .align-items-lg-baseline {
align-items: baseline !important; }
.pxer-app .align-items-lg-stretch {
align-items: stretch !important; }
.pxer-app .align-content-lg-start {
align-content: flex-start !important; }
.pxer-app .align-content-lg-end {
align-content: flex-end !important; }
.pxer-app .align-content-lg-center {
align-content: center !important; }
.pxer-app .align-content-lg-between {
align-content: space-between !important; }
.pxer-app .align-content-lg-around {
align-content: space-around !important; }
.pxer-app .align-content-lg-stretch {
align-content: stretch !important; }
.pxer-app .align-self-lg-auto {
align-self: auto !important; }
.pxer-app .align-self-lg-start {
align-self: flex-start !important; }
.pxer-app .align-self-lg-end {
align-self: flex-end !important; }
.pxer-app .align-self-lg-center {
align-self: center !important; }
.pxer-app .align-self-lg-baseline {
align-self: baseline !important; }
.pxer-app .align-self-lg-stretch {
align-self: stretch !important; } }
@media (min-width: 1200px) {
.pxer-app .flex-xl-row {
flex-direction: row !important; }
.pxer-app .flex-xl-column {
flex-direction: column !important; }
.pxer-app .flex-xl-row-reverse {
flex-direction: row-reverse !important; }
.pxer-app .flex-xl-column-reverse {
flex-direction: column-reverse !important; }
.pxer-app .flex-xl-wrap {
flex-wrap: wrap !important; }
.pxer-app .flex-xl-nowrap {
flex-wrap: nowrap !important; }
.pxer-app .flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.pxer-app .flex-xl-fill {
flex: 1 1 auto !important; }
.pxer-app .flex-xl-grow-0 {
flex-grow: 0 !important; }
.pxer-app .flex-xl-grow-1 {
flex-grow: 1 !important; }
.pxer-app .flex-xl-shrink-0 {
flex-shrink: 0 !important; }
.pxer-app .flex-xl-shrink-1 {
flex-shrink: 1 !important; }
.pxer-app .justify-content-xl-start {
justify-content: flex-start !important; }
.pxer-app .justify-content-xl-end {
justify-content: flex-end !important; }
.pxer-app .justify-content-xl-center {
justify-content: center !important; }
.pxer-app .justify-content-xl-between {
justify-content: space-between !important; }
.pxer-app .justify-content-xl-around {
justify-content: space-around !important; }
.pxer-app .align-items-xl-start {
align-items: flex-start !important; }
.pxer-app .align-items-xl-end {
align-items: flex-end !important; }
.pxer-app .align-items-xl-center {
align-items: center !important; }
.pxer-app .align-items-xl-baseline {
align-items: baseline !important; }
.pxer-app .align-items-xl-stretch {
align-items: stretch !important; }
.pxer-app .align-content-xl-start {
align-content: flex-start !important; }
.pxer-app .align-content-xl-end {
align-content: flex-end !important; }
.pxer-app .align-content-xl-center {
align-content: center !important; }
.pxer-app .align-content-xl-between {
align-content: space-between !important; }
.pxer-app .align-content-xl-around {
align-content: space-around !important; }
.pxer-app .align-content-xl-stretch {
align-content: stretch !important; }
.pxer-app .align-self-xl-auto {
align-self: auto !important; }
.pxer-app .align-self-xl-start {
align-self: flex-start !important; }
.pxer-app .align-self-xl-end {
align-self: flex-end !important; }
.pxer-app .align-self-xl-center {
align-self: center !important; }
.pxer-app .align-self-xl-baseline {
align-self: baseline !important; }
.pxer-app .align-self-xl-stretch {
align-self: stretch !important; } }
.pxer-app .m-0 {
margin: 0 !important; }
.pxer-app .mt-0,
.pxer-app .my-0 {
margin-top: 0 !important; }
.pxer-app .mr-0,
.pxer-app .mx-0 {
margin-right: 0 !important; }
.pxer-app .mb-0,
.pxer-app .my-0 {
margin-bottom: 0 !important; }
.pxer-app .ml-0,
.pxer-app .mx-0 {
margin-left: 0 !important; }
.pxer-app .m-1 {
margin: 0.25rem !important; }
.pxer-app .mt-1,
.pxer-app .my-1 {
margin-top: 0.25rem !important; }
.pxer-app .mr-1,
.pxer-app .mx-1 {
margin-right: 0.25rem !important; }
.pxer-app .mb-1,
.pxer-app .my-1 {
margin-bottom: 0.25rem !important; }
.pxer-app .ml-1,
.pxer-app .mx-1 {
margin-left: 0.25rem !important; }
.pxer-app .m-2 {
margin: 0.5rem !important; }
.pxer-app .mt-2,
.pxer-app .my-2 {
margin-top: 0.5rem !important; }
.pxer-app .mr-2,
.pxer-app .mx-2 {
margin-right: 0.5rem !important; }
.pxer-app .mb-2,
.pxer-app .my-2 {
margin-bottom: 0.5rem !important; }
.pxer-app .ml-2,
.pxer-app .mx-2 {
margin-left: 0.5rem !important; }
.pxer-app .m-3 {
margin: 1rem !important; }
.pxer-app .mt-3,
.pxer-app .my-3 {
margin-top: 1rem !important; }
.pxer-app .mr-3,
.pxer-app .mx-3 {
margin-right: 1rem !important; }
.pxer-app .mb-3,
.pxer-app .my-3 {
margin-bottom: 1rem !important; }
.pxer-app .ml-3,
.pxer-app .mx-3 {
margin-left: 1rem !important; }
.pxer-app .m-4 {
margin: 1.5rem !important; }
.pxer-app .mt-4,
.pxer-app .my-4 {
margin-top: 1.5rem !important; }
.pxer-app .mr-4,
.pxer-app .mx-4 {
margin-right: 1.5rem !important; }
.pxer-app .mb-4,
.pxer-app .my-4 {
margin-bottom: 1.5rem !important; }
.pxer-app .ml-4,
.pxer-app .mx-4 {
margin-left: 1.5rem !important; }
.pxer-app .m-5 {
margin: 3rem !important; }
.pxer-app .mt-5,
.pxer-app .my-5 {
margin-top: 3rem !important; }
.pxer-app .mr-5,
.pxer-app .mx-5 {
margin-right: 3rem !important; }
.pxer-app .mb-5,
.pxer-app .my-5 {
margin-bottom: 3rem !important; }
.pxer-app .ml-5,
.pxer-app .mx-5 {
margin-left: 3rem !important; }
.pxer-app .p-0 {
padding: 0 !important; }
.pxer-app .pt-0,
.pxer-app .py-0 {
padding-top: 0 !important; }
.pxer-app .pr-0,
.pxer-app .px-0 {
padding-right: 0 !important; }
.pxer-app .pb-0,
.pxer-app .py-0 {
padding-bottom: 0 !important; }
.pxer-app .pl-0,
.pxer-app .px-0 {
padding-left: 0 !important; }
.pxer-app .p-1 {
padding: 0.25rem !important; }
.pxer-app .pt-1,
.pxer-app .py-1 {
padding-top: 0.25rem !important; }
.pxer-app .pr-1,
.pxer-app .px-1 {
padding-right: 0.25rem !important; }
.pxer-app .pb-1,
.pxer-app .py-1 {
padding-bottom: 0.25rem !important; }
.pxer-app .pl-1,
.pxer-app .px-1 {
padding-left: 0.25rem !important; }
.pxer-app .p-2 {
padding: 0.5rem !important; }
.pxer-app .pt-2,
.pxer-app .py-2 {
padding-top: 0.5rem !important; }
.pxer-app .pr-2,
.pxer-app .px-2 {
padding-right: 0.5rem !important; }
.pxer-app .pb-2,
.pxer-app .py-2 {
padding-bottom: 0.5rem !important; }
.pxer-app .pl-2,
.pxer-app .px-2 {
padding-left: 0.5rem !important; }
.pxer-app .p-3 {
padding: 1rem !important; }
.pxer-app .pt-3,
.pxer-app .py-3 {
padding-top: 1rem !important; }
.pxer-app .pr-3,
.pxer-app .px-3 {
padding-right: 1rem !important; }
.pxer-app .pb-3,
.pxer-app .py-3 {
padding-bottom: 1rem !important; }
.pxer-app .pl-3,
.pxer-app .px-3 {
padding-left: 1rem !important; }
.pxer-app .p-4 {
padding: 1.5rem !important; }
.pxer-app .pt-4,
.pxer-app .py-4 {
padding-top: 1.5rem !important; }
.pxer-app .pr-4,
.pxer-app .px-4 {
padding-right: 1.5rem !important; }
.pxer-app .pb-4,
.pxer-app .py-4 {
padding-bottom: 1.5rem !important; }
.pxer-app .pl-4,
.pxer-app .px-4 {
padding-left: 1.5rem !important; }
.pxer-app .p-5 {
padding: 3rem !important; }
.pxer-app .pt-5,
.pxer-app .py-5 {
padding-top: 3rem !important; }
.pxer-app .pr-5,
.pxer-app .px-5 {
padding-right: 3rem !important; }
.pxer-app .pb-5,
.pxer-app .py-5 {
padding-bottom: 3rem !important; }
.pxer-app .pl-5,
.pxer-app .px-5 {
padding-left: 3rem !important; }
.pxer-app .m-n1 {
margin: -0.25rem !important; }
.pxer-app .mt-n1,
.pxer-app .my-n1 {
margin-top: -0.25rem !important; }
.pxer-app .mr-n1,
.pxer-app .mx-n1 {
margin-right: -0.25rem !important; }
.pxer-app .mb-n1,
.pxer-app .my-n1 {
margin-bottom: -0.25rem !important; }
.pxer-app .ml-n1,
.pxer-app .mx-n1 {
margin-left: -0.25rem !important; }
.pxer-app .m-n2 {
margin: -0.5rem !important; }
.pxer-app .mt-n2,
.pxer-app .my-n2 {
margin-top: -0.5rem !important; }
.pxer-app .mr-n2,
.pxer-app .mx-n2 {
margin-right: -0.5rem !important; }
.pxer-app .mb-n2,
.pxer-app .my-n2 {
margin-bottom: -0.5rem !important; }
.pxer-app .ml-n2,
.pxer-app .mx-n2 {
margin-left: -0.5rem !important; }
.pxer-app .m-n3 {
margin: -1rem !important; }
.pxer-app .mt-n3,
.pxer-app .my-n3 {
margin-top: -1rem !important; }
.pxer-app .mr-n3,
.pxer-app .mx-n3 {
margin-right: -1rem !important; }
.pxer-app .mb-n3,
.pxer-app .my-n3 {
margin-bottom: -1rem !important; }
.pxer-app .ml-n3,
.pxer-app .mx-n3 {
margin-left: -1rem !important; }
.pxer-app .m-n4 {
margin: -1.5rem !important; }
.pxer-app .mt-n4,
.pxer-app .my-n4 {
margin-top: -1.5rem !important; }
.pxer-app .mr-n4,
.pxer-app .mx-n4 {
margin-right: -1.5rem !important; }
.pxer-app .mb-n4,
.pxer-app .my-n4 {
margin-bottom: -1.5rem !important; }
.pxer-app .ml-n4,
.pxer-app .mx-n4 {
margin-left: -1.5rem !important; }
.pxer-app .m-n5 {
margin: -3rem !important; }
.pxer-app .mt-n5,
.pxer-app .my-n5 {
margin-top: -3rem !important; }
.pxer-app .mr-n5,
.pxer-app .mx-n5 {
margin-right: -3rem !important; }
.pxer-app .mb-n5,
.pxer-app .my-n5 {
margin-bottom: -3rem !important; }
.pxer-app .ml-n5,
.pxer-app .mx-n5 {
margin-left: -3rem !important; }
.pxer-app .m-auto {
margin: auto !important; }
.pxer-app .mt-auto,
.pxer-app .my-auto {
margin-top: auto !important; }
.pxer-app .mr-auto,
.pxer-app .mx-auto {
margin-right: auto !important; }
.pxer-app .mb-auto,
.pxer-app .my-auto {
margin-bottom: auto !important; }
.pxer-app .ml-auto,
.pxer-app .mx-auto {
margin-left: auto !important; }
@media (min-width: 576px) {
.pxer-app .m-sm-0 {
margin: 0 !important; }
.pxer-app .mt-sm-0,
.pxer-app .my-sm-0 {
margin-top: 0 !important; }
.pxer-app .mr-sm-0,
.pxer-app .mx-sm-0 {
margin-right: 0 !important; }
.pxer-app .mb-sm-0,
.pxer-app .my-sm-0 {
margin-bottom: 0 !important; }
.pxer-app .ml-sm-0,
.pxer-app .mx-sm-0 {
margin-left: 0 !important; }
.pxer-app .m-sm-1 {
margin: 0.25rem !important; }
.pxer-app .mt-sm-1,
.pxer-app .my-sm-1 {
margin-top: 0.25rem !important; }
.pxer-app .mr-sm-1,
.pxer-app .mx-sm-1 {
margin-right: 0.25rem !important; }
.pxer-app .mb-sm-1,
.pxer-app .my-sm-1 {
margin-bottom: 0.25rem !important; }
.pxer-app .ml-sm-1,
.pxer-app .mx-sm-1 {
margin-left: 0.25rem !important; }
.pxer-app .m-sm-2 {
margin: 0.5rem !important; }
.pxer-app .mt-sm-2,
.pxer-app .my-sm-2 {
margin-top: 0.5rem !important; }
.pxer-app .mr-sm-2,
.pxer-app .mx-sm-2 {
margin-right: 0.5rem !important; }
.pxer-app .mb-sm-2,
.pxer-app .my-sm-2 {
margin-bottom: 0.5rem !important; }
.pxer-app .ml-sm-2,
.pxer-app .mx-sm-2 {
margin-left: 0.5rem !important; }
.pxer-app .m-sm-3 {
margin: 1rem !important; }
.pxer-app .mt-sm-3,
.pxer-app .my-sm-3 {
margin-top: 1rem !important; }
.pxer-app .mr-sm-3,
.pxer-app .mx-sm-3 {
margin-right: 1rem !important; }
.pxer-app .mb-sm-3,
.pxer-app .my-sm-3 {
margin-bottom: 1rem !important; }
.pxer-app .ml-sm-3,
.pxer-app .mx-sm-3 {
margin-left: 1rem !important; }
.pxer-app .m-sm-4 {
margin: 1.5rem !important; }
.pxer-app .mt-sm-4,
.pxer-app .my-sm-4 {
margin-top: 1.5rem !important; }
.pxer-app .mr-sm-4,
.pxer-app .mx-sm-4 {
margin-right: 1.5rem !important; }
.pxer-app .mb-sm-4,
.pxer-app .my-sm-4 {
margin-bottom: 1.5rem !important; }
.pxer-app .ml-sm-4,
.pxer-app .mx-sm-4 {
margin-left: 1.5rem !important; }
.pxer-app .m-sm-5 {
margin: 3rem !important; }
.pxer-app .mt-sm-5,
.pxer-app .my-sm-5 {
margin-top: 3rem !important; }
.pxer-app .mr-sm-5,
.pxer-app .mx-sm-5 {
margin-right: 3rem !important; }
.pxer-app .mb-sm-5,
.pxer-app .my-sm-5 {
margin-bottom: 3rem !important; }
.pxer-app .ml-sm-5,
.pxer-app .mx-sm-5 {
margin-left: 3rem !important; }
.pxer-app .p-sm-0 {
padding: 0 !important; }
.pxer-app .pt-sm-0,
.pxer-app .py-sm-0 {
padding-top: 0 !important; }
.pxer-app .pr-sm-0,
.pxer-app .px-sm-0 {
padding-right: 0 !important; }
.pxer-app .pb-sm-0,
.pxer-app .py-sm-0 {
padding-bottom: 0 !important; }
.pxer-app .pl-sm-0,
.pxer-app .px-sm-0 {
padding-left: 0 !important; }
.pxer-app .p-sm-1 {
padding: 0.25rem !important; }
.pxer-app .pt-sm-1,
.pxer-app .py-sm-1 {
padding-top: 0.25rem !important; }
.pxer-app .pr-sm-1,
.pxer-app .px-sm-1 {
padding-right: 0.25rem !important; }
.pxer-app .pb-sm-1,
.pxer-app .py-sm-1 {
padding-bottom: 0.25rem !important; }
.pxer-app .pl-sm-1,
.pxer-app .px-sm-1 {
padding-left: 0.25rem !important; }
.pxer-app .p-sm-2 {
padding: 0.5rem !important; }
.pxer-app .pt-sm-2,
.pxer-app .py-sm-2 {
padding-top: 0.5rem !important; }
.pxer-app .pr-sm-2,
.pxer-app .px-sm-2 {
padding-right: 0.5rem !important; }
.pxer-app .pb-sm-2,
.pxer-app .py-sm-2 {
padding-bottom: 0.5rem !important; }
.pxer-app .pl-sm-2,
.pxer-app .px-sm-2 {
padding-left: 0.5rem !important; }
.pxer-app .p-sm-3 {
padding: 1rem !important; }
.pxer-app .pt-sm-3,
.pxer-app .py-sm-3 {
padding-top: 1rem !important; }
.pxer-app .pr-sm-3,
.pxer-app .px-sm-3 {
padding-right: 1rem !important; }
.pxer-app .pb-sm-3,
.pxer-app .py-sm-3 {
padding-bottom: 1rem !important; }
.pxer-app .pl-sm-3,
.pxer-app .px-sm-3 {
padding-left: 1rem !important; }
.pxer-app .p-sm-4 {
padding: 1.5rem !important; }
.pxer-app .pt-sm-4,
.pxer-app .py-sm-4 {
padding-top: 1.5rem !important; }
.pxer-app .pr-sm-4,
.pxer-app .px-sm-4 {
padding-right: 1.5rem !important; }
.pxer-app .pb-sm-4,
.pxer-app .py-sm-4 {
padding-bottom: 1.5rem !important; }
.pxer-app .pl-sm-4,
.pxer-app .px-sm-4 {
padding-left: 1.5rem !important; }
.pxer-app .p-sm-5 {
padding: 3rem !important; }
.pxer-app .pt-sm-5,
.pxer-app .py-sm-5 {
padding-top: 3rem !important; }
.pxer-app .pr-sm-5,
.pxer-app .px-sm-5 {
padding-right: 3rem !important; }
.pxer-app .pb-sm-5,
.pxer-app .py-sm-5 {
padding-bottom: 3rem !important; }
.pxer-app .pl-sm-5,
.pxer-app .px-sm-5 {
padding-left: 3rem !important; }
.pxer-app .m-sm-n1 {
margin: -0.25rem !important; }
.pxer-app .mt-sm-n1,
.pxer-app .my-sm-n1 {
margin-top: -0.25rem !important; }
.pxer-app .mr-sm-n1,
.pxer-app .mx-sm-n1 {
margin-right: -0.25rem !important; }
.pxer-app .mb-sm-n1,
.pxer-app .my-sm-n1 {
margin-bottom: -0.25rem !important; }
.pxer-app .ml-sm-n1,
.pxer-app .mx-sm-n1 {
margin-left: -0.25rem !important; }
.pxer-app .m-sm-n2 {
margin: -0.5rem !important; }
.pxer-app .mt-sm-n2,
.pxer-app .my-sm-n2 {
margin-top: -0.5rem !important; }
.pxer-app .mr-sm-n2,
.pxer-app .mx-sm-n2 {
margin-right: -0.5rem !important; }
.pxer-app .mb-sm-n2,
.pxer-app .my-sm-n2 {
margin-bottom: -0.5rem !important; }
.pxer-app .ml-sm-n2,
.pxer-app .mx-sm-n2 {
margin-left: -0.5rem !important; }
.pxer-app .m-sm-n3 {
margin: -1rem !important; }
.pxer-app .mt-sm-n3,
.pxer-app .my-sm-n3 {
margin-top: -1rem !important; }
.pxer-app .mr-sm-n3,
.pxer-app .mx-sm-n3 {
margin-right: -1rem !important; }
.pxer-app .mb-sm-n3,
.pxer-app .my-sm-n3 {
margin-bottom: -1rem !important; }
.pxer-app .ml-sm-n3,
.pxer-app .mx-sm-n3 {
margin-left: -1rem !important; }
.pxer-app .m-sm-n4 {
margin: -1.5rem !important; }
.pxer-app .mt-sm-n4,
.pxer-app .my-sm-n4 {
margin-top: -1.5rem !important; }
.pxer-app .mr-sm-n4,
.pxer-app .mx-sm-n4 {
margin-right: -1.5rem !important; }
.pxer-app .mb-sm-n4,
.pxer-app .my-sm-n4 {
margin-bottom: -1.5rem !important; }
.pxer-app .ml-sm-n4,
.pxer-app .mx-sm-n4 {
margin-left: -1.5rem !important; }
.pxer-app .m-sm-n5 {
margin: -3rem !important; }
.pxer-app .mt-sm-n5,
.pxer-app .my-sm-n5 {
margin-top: -3rem !important; }
.pxer-app .mr-sm-n5,
.pxer-app .mx-sm-n5 {
margin-right: -3rem !important; }
.pxer-app .mb-sm-n5,
.pxer-app .my-sm-n5 {
margin-bottom: -3rem !important; }
.pxer-app .ml-sm-n5,
.pxer-app .mx-sm-n5 {
margin-left: -3rem !important; }
.pxer-app .m-sm-auto {
margin: auto !important; }
.pxer-app .mt-sm-auto,
.pxer-app .my-sm-auto {
margin-top: auto !important; }
.pxer-app .mr-sm-auto,
.pxer-app .mx-sm-auto {
margin-right: auto !important; }
.pxer-app .mb-sm-auto,
.pxer-app .my-sm-auto {
margin-bottom: auto !important; }
.pxer-app .ml-sm-auto,
.pxer-app .mx-sm-auto {
margin-left: auto !important; } }
@media (min-width: 768px) {
.pxer-app .m-md-0 {
margin: 0 !important; }
.pxer-app .mt-md-0,
.pxer-app .my-md-0 {
margin-top: 0 !important; }
.pxer-app .mr-md-0,
.pxer-app .mx-md-0 {
margin-right: 0 !important; }
.pxer-app .mb-md-0,
.pxer-app .my-md-0 {
margin-bottom: 0 !important; }
.pxer-app .ml-md-0,
.pxer-app .mx-md-0 {
margin-left: 0 !important; }
.pxer-app .m-md-1 {
margin: 0.25rem !important; }
.pxer-app .mt-md-1,
.pxer-app .my-md-1 {
margin-top: 0.25rem !important; }
.pxer-app .mr-md-1,
.pxer-app .mx-md-1 {
margin-right: 0.25rem !important; }
.pxer-app .mb-md-1,
.pxer-app .my-md-1 {
margin-bottom: 0.25rem !important; }
.pxer-app .ml-md-1,
.pxer-app .mx-md-1 {
margin-left: 0.25rem !important; }
.pxer-app .m-md-2 {
margin: 0.5rem !important; }
.pxer-app .mt-md-2,
.pxer-app .my-md-2 {
margin-top: 0.5rem !important; }
.pxer-app .mr-md-2,
.pxer-app .mx-md-2 {
margin-right: 0.5rem !important; }
.pxer-app .mb-md-2,
.pxer-app .my-md-2 {
margin-bottom: 0.5rem !important; }
.pxer-app .ml-md-2,
.pxer-app .mx-md-2 {
margin-left: 0.5rem !important; }
.pxer-app .m-md-3 {
margin: 1rem !important; }
.pxer-app .mt-md-3,
.pxer-app .my-md-3 {
margin-top: 1rem !important; }
.pxer-app .mr-md-3,
.pxer-app .mx-md-3 {
margin-right: 1rem !important; }
.pxer-app .mb-md-3,
.pxer-app .my-md-3 {
margin-bottom: 1rem !important; }
.pxer-app .ml-md-3,
.pxer-app .mx-md-3 {
margin-left: 1rem !important; }
.pxer-app .m-md-4 {
margin: 1.5rem !important; }
.pxer-app .mt-md-4,
.pxer-app .my-md-4 {
margin-top: 1.5rem !important; }
.pxer-app .mr-md-4,
.pxer-app .mx-md-4 {
margin-right: 1.5rem !important; }
.pxer-app .mb-md-4,
.pxer-app .my-md-4 {
margin-bottom: 1.5rem !important; }
.pxer-app .ml-md-4,
.pxer-app .mx-md-4 {
margin-left: 1.5rem !important; }
.pxer-app .m-md-5 {
margin: 3rem !important; }
.pxer-app .mt-md-5,
.pxer-app .my-md-5 {
margin-top: 3rem !important; }
.pxer-app .mr-md-5,
.pxer-app .mx-md-5 {
margin-right: 3rem !important; }
.pxer-app .mb-md-5,
.pxer-app .my-md-5 {
margin-bottom: 3rem !important; }
.pxer-app .ml-md-5,
.pxer-app .mx-md-5 {
margin-left: 3rem !important; }
.pxer-app .p-md-0 {
padding: 0 !important; }
.pxer-app .pt-md-0,
.pxer-app .py-md-0 {
padding-top: 0 !important; }
.pxer-app .pr-md-0,
.pxer-app .px-md-0 {
padding-right: 0 !important; }
.pxer-app .pb-md-0,
.pxer-app .py-md-0 {
padding-bottom: 0 !important; }
.pxer-app .pl-md-0,
.pxer-app .px-md-0 {
padding-left: 0 !important; }
.pxer-app .p-md-1 {
padding: 0.25rem !important; }
.pxer-app .pt-md-1,
.pxer-app .py-md-1 {
padding-top: 0.25rem !important; }
.pxer-app .pr-md-1,
.pxer-app .px-md-1 {
padding-right: 0.25rem !important; }
.pxer-app .pb-md-1,
.pxer-app .py-md-1 {
padding-bottom: 0.25rem !important; }
.pxer-app .pl-md-1,
.pxer-app .px-md-1 {
padding-left: 0.25rem !important; }
.pxer-app .p-md-2 {
padding: 0.5rem !important; }
.pxer-app .pt-md-2,
.pxer-app .py-md-2 {
padding-top: 0.5rem !important; }
.pxer-app .pr-md-2,
.pxer-app .px-md-2 {
padding-right: 0.5rem !important; }
.pxer-app .pb-md-2,
.pxer-app .py-md-2 {
padding-bottom: 0.5rem !important; }
.pxer-app .pl-md-2,
.pxer-app .px-md-2 {
padding-left: 0.5rem !important; }
.pxer-app .p-md-3 {
padding: 1rem !important; }
.pxer-app .pt-md-3,
.pxer-app .py-md-3 {
padding-top: 1rem !important; }
.pxer-app .pr-md-3,
.pxer-app .px-md-3 {
padding-right: 1rem !important; }
.pxer-app .pb-md-3,
.pxer-app .py-md-3 {
padding-bottom: 1rem !important; }
.pxer-app .pl-md-3,
.pxer-app .px-md-3 {
padding-left: 1rem !important; }
.pxer-app .p-md-4 {
padding: 1.5rem !important; }
.pxer-app .pt-md-4,
.pxer-app .py-md-4 {
padding-top: 1.5rem !important; }
.pxer-app .pr-md-4,
.pxer-app .px-md-4 {
padding-right: 1.5rem !important; }
.pxer-app .pb-md-4,
.pxer-app .py-md-4 {
padding-bottom: 1.5rem !important; }
.pxer-app .pl-md-4,
.pxer-app .px-md-4 {
padding-left: 1.5rem !important; }
.pxer-app .p-md-5 {
padding: 3rem !important; }
.pxer-app .pt-md-5,
.pxer-app .py-md-5 {
padding-top: 3rem !important; }
.pxer-app .pr-md-5,
.pxer-app .px-md-5 {
padding-right: 3rem !important; }
.pxer-app .pb-md-5,
.pxer-app .py-md-5 {
padding-bottom: 3rem !important; }
.pxer-app .pl-md-5,
.pxer-app .px-md-5 {
padding-left: 3rem !important; }
.pxer-app .m-md-n1 {
margin: -0.25rem !important; }
.pxer-app .mt-md-n1,
.pxer-app .my-md-n1 {
margin-top: -0.25rem !important; }
.pxer-app .mr-md-n1,
.pxer-app .mx-md-n1 {
margin-right: -0.25rem !important; }
.pxer-app .mb-md-n1,
.pxer-app .my-md-n1 {
margin-bottom: -0.25rem !important; }
.pxer-app .ml-md-n1,
.pxer-app .mx-md-n1 {
margin-left: -0.25rem !important; }
.pxer-app .m-md-n2 {
margin: -0.5rem !important; }
.pxer-app .mt-md-n2,
.pxer-app .my-md-n2 {
margin-top: -0.5rem !important; }
.pxer-app .mr-md-n2,
.pxer-app .mx-md-n2 {
margin-right: -0.5rem !important; }
.pxer-app .mb-md-n2,
.pxer-app .my-md-n2 {
margin-bottom: -0.5rem !important; }
.pxer-app .ml-md-n2,
.pxer-app .mx-md-n2 {
margin-left: -0.5rem !important; }
.pxer-app .m-md-n3 {
margin: -1rem !important; }
.pxer-app .mt-md-n3,
.pxer-app .my-md-n3 {
margin-top: -1rem !important; }
.pxer-app .mr-md-n3,
.pxer-app .mx-md-n3 {
margin-right: -1rem !important; }
.pxer-app .mb-md-n3,
.pxer-app .my-md-n3 {
margin-bottom: -1rem !important; }
.pxer-app .ml-md-n3,
.pxer-app .mx-md-n3 {
margin-left: -1rem !important; }
.pxer-app .m-md-n4 {
margin: -1.5rem !important; }
.pxer-app .mt-md-n4,
.pxer-app .my-md-n4 {
margin-top: -1.5rem !important; }
.pxer-app .mr-md-n4,
.pxer-app .mx-md-n4 {
margin-right: -1.5rem !important; }
.pxer-app .mb-md-n4,
.pxer-app .my-md-n4 {
margin-bottom: -1.5rem !important; }
.pxer-app .ml-md-n4,
.pxer-app .mx-md-n4 {
margin-left: -1.5rem !important; }
.pxer-app .m-md-n5 {
margin: -3rem !important; }
.pxer-app .mt-md-n5,
.pxer-app .my-md-n5 {
margin-top: -3rem !important; }
.pxer-app .mr-md-n5,
.pxer-app .mx-md-n5 {
margin-right: -3rem !important; }
.pxer-app .mb-md-n5,
.pxer-app .my-md-n5 {
margin-bottom: -3rem !important; }
.pxer-app .ml-md-n5,
.pxer-app .mx-md-n5 {
margin-left: -3rem !important; }
.pxer-app .m-md-auto {
margin: auto !important; }
.pxer-app .mt-md-auto,
.pxer-app .my-md-auto {
margin-top: auto !important; }
.pxer-app .mr-md-auto,
.pxer-app .mx-md-auto {
margin-right: auto !important; }
.pxer-app .mb-md-auto,
.pxer-app .my-md-auto {
margin-bottom: auto !important; }
.pxer-app .ml-md-auto,
.pxer-app .mx-md-auto {
margin-left: auto !important; } }
@media (min-width: 992px) {
.pxer-app .m-lg-0 {
margin: 0 !important; }
.pxer-app .mt-lg-0,
.pxer-app .my-lg-0 {
margin-top: 0 !important; }
.pxer-app .mr-lg-0,
.pxer-app .mx-lg-0 {
margin-right: 0 !important; }
.pxer-app .mb-lg-0,
.pxer-app .my-lg-0 {
margin-bottom: 0 !important; }
.pxer-app .ml-lg-0,
.pxer-app .mx-lg-0 {
margin-left: 0 !important; }
.pxer-app .m-lg-1 {
margin: 0.25rem !important; }
.pxer-app .mt-lg-1,
.pxer-app .my-lg-1 {
margin-top: 0.25rem !important; }
.pxer-app .mr-lg-1,
.pxer-app .mx-lg-1 {
margin-right: 0.25rem !important; }
.pxer-app .mb-lg-1,
.pxer-app .my-lg-1 {
margin-bottom: 0.25rem !important; }
.pxer-app .ml-lg-1,
.pxer-app .mx-lg-1 {
margin-left: 0.25rem !important; }
.pxer-app .m-lg-2 {
margin: 0.5rem !important; }
.pxer-app .mt-lg-2,
.pxer-app .my-lg-2 {
margin-top: 0.5rem !important; }
.pxer-app .mr-lg-2,
.pxer-app .mx-lg-2 {
margin-right: 0.5rem !important; }
.pxer-app .mb-lg-2,
.pxer-app .my-lg-2 {
margin-bottom: 0.5rem !important; }
.pxer-app .ml-lg-2,
.pxer-app .mx-lg-2 {
margin-left: 0.5rem !important; }
.pxer-app .m-lg-3 {
margin: 1rem !important; }
.pxer-app .mt-lg-3,
.pxer-app .my-lg-3 {
margin-top: 1rem !important; }
.pxer-app .mr-lg-3,
.pxer-app .mx-lg-3 {
margin-right: 1rem !important; }
.pxer-app .mb-lg-3,
.pxer-app .my-lg-3 {
margin-bottom: 1rem !important; }
.pxer-app .ml-lg-3,
.pxer-app .mx-lg-3 {
margin-left: 1rem !important; }
.pxer-app .m-lg-4 {
margin: 1.5rem !important; }
.pxer-app .mt-lg-4,
.pxer-app .my-lg-4 {
margin-top: 1.5rem !important; }
.pxer-app .mr-lg-4,
.pxer-app .mx-lg-4 {
margin-right: 1.5rem !important; }
.pxer-app .mb-lg-4,
.pxer-app .my-lg-4 {
margin-bottom: 1.5rem !important; }
.pxer-app .ml-lg-4,
.pxer-app .mx-lg-4 {
margin-left: 1.5rem !important; }
.pxer-app .m-lg-5 {
margin: 3rem !important; }
.pxer-app .mt-lg-5,
.pxer-app .my-lg-5 {
margin-top: 3rem !important; }
.pxer-app .mr-lg-5,
.pxer-app .mx-lg-5 {
margin-right: 3rem !important; }
.pxer-app .mb-lg-5,
.pxer-app .my-lg-5 {
margin-bottom: 3rem !important; }
.pxer-app .ml-lg-5,
.pxer-app .mx-lg-5 {
margin-left: 3rem !important; }
.pxer-app .p-lg-0 {
padding: 0 !important; }
.pxer-app .pt-lg-0,
.pxer-app .py-lg-0 {
padding-top: 0 !important; }
.pxer-app .pr-lg-0,
.pxer-app .px-lg-0 {
padding-right: 0 !important; }
.pxer-app .pb-lg-0,
.pxer-app .py-lg-0 {
padding-bottom: 0 !important; }
.pxer-app .pl-lg-0,
.pxer-app .px-lg-0 {
padding-left: 0 !important; }
.pxer-app .p-lg-1 {
padding: 0.25rem !important; }
.pxer-app .pt-lg-1,
.pxer-app .py-lg-1 {
padding-top: 0.25rem !important; }
.pxer-app .pr-lg-1,
.pxer-app .px-lg-1 {
padding-right: 0.25rem !important; }
.pxer-app .pb-lg-1,
.pxer-app .py-lg-1 {
padding-bottom: 0.25rem !important; }
.pxer-app .pl-lg-1,
.pxer-app .px-lg-1 {
padding-left: 0.25rem !important; }
.pxer-app .p-lg-2 {
padding: 0.5rem !important; }
.pxer-app .pt-lg-2,
.pxer-app .py-lg-2 {
padding-top: 0.5rem !important; }
.pxer-app .pr-lg-2,
.pxer-app .px-lg-2 {
padding-right: 0.5rem !important; }
.pxer-app .pb-lg-2,
.pxer-app .py-lg-2 {
padding-bottom: 0.5rem !important; }
.pxer-app .pl-lg-2,
.pxer-app .px-lg-2 {
padding-left: 0.5rem !important; }
.pxer-app .p-lg-3 {
padding: 1rem !important; }
.pxer-app .pt-lg-3,
.pxer-app .py-lg-3 {
padding-top: 1rem !important; }
.pxer-app .pr-lg-3,
.pxer-app .px-lg-3 {
padding-right: 1rem !important; }
.pxer-app .pb-lg-3,
.pxer-app .py-lg-3 {
padding-bottom: 1rem !important; }
.pxer-app .pl-lg-3,
.pxer-app .px-lg-3 {
padding-left: 1rem !important; }
.pxer-app .p-lg-4 {
padding: 1.5rem !important; }
.pxer-app .pt-lg-4,
.pxer-app .py-lg-4 {
padding-top: 1.5rem !important; }
.pxer-app .pr-lg-4,
.pxer-app .px-lg-4 {
padding-right: 1.5rem !important; }
.pxer-app .pb-lg-4,
.pxer-app .py-lg-4 {
padding-bottom: 1.5rem !important; }
.pxer-app .pl-lg-4,
.pxer-app .px-lg-4 {
padding-left: 1.5rem !important; }
.pxer-app .p-lg-5 {
padding: 3rem !important; }
.pxer-app .pt-lg-5,
.pxer-app .py-lg-5 {
padding-top: 3rem !important; }
.pxer-app .pr-lg-5,
.pxer-app .px-lg-5 {
padding-right: 3rem !important; }
.pxer-app .pb-lg-5,
.pxer-app .py-lg-5 {
padding-bottom: 3rem !important; }
.pxer-app .pl-lg-5,
.pxer-app .px-lg-5 {
padding-left: 3rem !important; }
.pxer-app .m-lg-n1 {
margin: -0.25rem !important; }
.pxer-app .mt-lg-n1,
.pxer-app .my-lg-n1 {
margin-top: -0.25rem !important; }
.pxer-app .mr-lg-n1,
.pxer-app .mx-lg-n1 {
margin-right: -0.25rem !important; }
.pxer-app .mb-lg-n1,
.pxer-app .my-lg-n1 {
margin-bottom: -0.25rem !important; }
.pxer-app .ml-lg-n1,
.pxer-app .mx-lg-n1 {
margin-left: -0.25rem !important; }
.pxer-app .m-lg-n2 {
margin: -0.5rem !important; }
.pxer-app .mt-lg-n2,
.pxer-app .my-lg-n2 {
margin-top: -0.5rem !important; }
.pxer-app .mr-lg-n2,
.pxer-app .mx-lg-n2 {
margin-right: -0.5rem !important; }
.pxer-app .mb-lg-n2,
.pxer-app .my-lg-n2 {
margin-bottom: -0.5rem !important; }
.pxer-app .ml-lg-n2,
.pxer-app .mx-lg-n2 {
margin-left: -0.5rem !important; }
.pxer-app .m-lg-n3 {
margin: -1rem !important; }
.pxer-app .mt-lg-n3,
.pxer-app .my-lg-n3 {
margin-top: -1rem !important; }
.pxer-app .mr-lg-n3,
.pxer-app .mx-lg-n3 {
margin-right: -1rem !important; }
.pxer-app .mb-lg-n3,
.pxer-app .my-lg-n3 {
margin-bottom: -1rem !important; }
.pxer-app .ml-lg-n3,
.pxer-app .mx-lg-n3 {
margin-left: -1rem !important; }
.pxer-app .m-lg-n4 {
margin: -1.5rem !important; }
.pxer-app .mt-lg-n4,
.pxer-app .my-lg-n4 {
margin-top: -1.5rem !important; }
.pxer-app .mr-lg-n4,
.pxer-app .mx-lg-n4 {
margin-right: -1.5rem !important; }
.pxer-app .mb-lg-n4,
.pxer-app .my-lg-n4 {
margin-bottom: -1.5rem !important; }
.pxer-app .ml-lg-n4,
.pxer-app .mx-lg-n4 {
margin-left: -1.5rem !important; }
.pxer-app .m-lg-n5 {
margin: -3rem !important; }
.pxer-app .mt-lg-n5,
.pxer-app .my-lg-n5 {
margin-top: -3rem !important; }
.pxer-app .mr-lg-n5,
.pxer-app .mx-lg-n5 {
margin-right: -3rem !important; }
.pxer-app .mb-lg-n5,
.pxer-app .my-lg-n5 {
margin-bottom: -3rem !important; }
.pxer-app .ml-lg-n5,
.pxer-app .mx-lg-n5 {
margin-left: -3rem !important; }
.pxer-app .m-lg-auto {
margin: auto !important; }
.pxer-app .mt-lg-auto,
.pxer-app .my-lg-auto {
margin-top: auto !important; }
.pxer-app .mr-lg-auto,
.pxer-app .mx-lg-auto {
margin-right: auto !important; }
.pxer-app .mb-lg-auto,
.pxer-app .my-lg-auto {
margin-bottom: auto !important; }
.pxer-app .ml-lg-auto,
.pxer-app .mx-lg-auto {
margin-left: auto !important; } }
@media (min-width: 1200px) {
.pxer-app .m-xl-0 {
margin: 0 !important; }
.pxer-app .mt-xl-0,
.pxer-app .my-xl-0 {
margin-top: 0 !important; }
.pxer-app .mr-xl-0,
.pxer-app .mx-xl-0 {
margin-right: 0 !important; }
.pxer-app .mb-xl-0,
.pxer-app .my-xl-0 {
margin-bottom: 0 !important; }
.pxer-app .ml-xl-0,
.pxer-app .mx-xl-0 {
margin-left: 0 !important; }
.pxer-app .m-xl-1 {
margin: 0.25rem !important; }
.pxer-app .mt-xl-1,
.pxer-app .my-xl-1 {
margin-top: 0.25rem !important; }
.pxer-app .mr-xl-1,
.pxer-app .mx-xl-1 {
margin-right: 0.25rem !important; }
.pxer-app .mb-xl-1,
.pxer-app .my-xl-1 {
margin-bottom: 0.25rem !important; }
.pxer-app .ml-xl-1,
.pxer-app .mx-xl-1 {
margin-left: 0.25rem !important; }
.pxer-app .m-xl-2 {
margin: 0.5rem !important; }
.pxer-app .mt-xl-2,
.pxer-app .my-xl-2 {
margin-top: 0.5rem !important; }
.pxer-app .mr-xl-2,
.pxer-app .mx-xl-2 {
margin-right: 0.5rem !important; }
.pxer-app .mb-xl-2,
.pxer-app .my-xl-2 {
margin-bottom: 0.5rem !important; }
.pxer-app .ml-xl-2,
.pxer-app .mx-xl-2 {
margin-left: 0.5rem !important; }
.pxer-app .m-xl-3 {
margin: 1rem !important; }
.pxer-app .mt-xl-3,
.pxer-app .my-xl-3 {
margin-top: 1rem !important; }
.pxer-app .mr-xl-3,
.pxer-app .mx-xl-3 {
margin-right: 1rem !important; }
.pxer-app .mb-xl-3,
.pxer-app .my-xl-3 {
margin-bottom: 1rem !important; }
.pxer-app .ml-xl-3,
.pxer-app .mx-xl-3 {
margin-left: 1rem !important; }
.pxer-app .m-xl-4 {
margin: 1.5rem !important; }
.pxer-app .mt-xl-4,
.pxer-app .my-xl-4 {
margin-top: 1.5rem !important; }
.pxer-app .mr-xl-4,
.pxer-app .mx-xl-4 {
margin-right: 1.5rem !important; }
.pxer-app .mb-xl-4,
.pxer-app .my-xl-4 {
margin-bottom: 1.5rem !important; }
.pxer-app .ml-xl-4,
.pxer-app .mx-xl-4 {
margin-left: 1.5rem !important; }
.pxer-app .m-xl-5 {
margin: 3rem !important; }
.pxer-app .mt-xl-5,
.pxer-app .my-xl-5 {
margin-top: 3rem !important; }
.pxer-app .mr-xl-5,
.pxer-app .mx-xl-5 {
margin-right: 3rem !important; }
.pxer-app .mb-xl-5,
.pxer-app .my-xl-5 {
margin-bottom: 3rem !important; }
.pxer-app .ml-xl-5,
.pxer-app .mx-xl-5 {
margin-left: 3rem !important; }
.pxer-app .p-xl-0 {
padding: 0 !important; }
.pxer-app .pt-xl-0,
.pxer-app .py-xl-0 {
padding-top: 0 !important; }
.pxer-app .pr-xl-0,
.pxer-app .px-xl-0 {
padding-right: 0 !important; }
.pxer-app .pb-xl-0,
.pxer-app .py-xl-0 {
padding-bottom: 0 !important; }
.pxer-app .pl-xl-0,
.pxer-app .px-xl-0 {
padding-left: 0 !important; }
.pxer-app .p-xl-1 {
padding: 0.25rem !important; }
.pxer-app .pt-xl-1,
.pxer-app .py-xl-1 {
padding-top: 0.25rem !important; }
.pxer-app .pr-xl-1,
.pxer-app .px-xl-1 {
padding-right: 0.25rem !important; }
.pxer-app .pb-xl-1,
.pxer-app .py-xl-1 {
padding-bottom: 0.25rem !important; }
.pxer-app .pl-xl-1,
.pxer-app .px-xl-1 {
padding-left: 0.25rem !important; }
.pxer-app .p-xl-2 {
padding: 0.5rem !important; }
.pxer-app .pt-xl-2,
.pxer-app .py-xl-2 {
padding-top: 0.5rem !important; }
.pxer-app .pr-xl-2,
.pxer-app .px-xl-2 {
padding-right: 0.5rem !important; }
.pxer-app .pb-xl-2,
.pxer-app .py-xl-2 {
padding-bottom: 0.5rem !important; }
.pxer-app .pl-xl-2,
.pxer-app .px-xl-2 {
padding-left: 0.5rem !important; }
.pxer-app .p-xl-3 {
padding: 1rem !important; }
.pxer-app .pt-xl-3,
.pxer-app .py-xl-3 {
padding-top: 1rem !important; }
.pxer-app .pr-xl-3,
.pxer-app .px-xl-3 {
padding-right: 1rem !important; }
.pxer-app .pb-xl-3,
.pxer-app .py-xl-3 {
padding-bottom: 1rem !important; }
.pxer-app .pl-xl-3,
.pxer-app .px-xl-3 {
padding-left: 1rem !important; }
.pxer-app .p-xl-4 {
padding: 1.5rem !important; }
.pxer-app .pt-xl-4,
.pxer-app .py-xl-4 {
padding-top: 1.5rem !important; }
.pxer-app .pr-xl-4,
.pxer-app .px-xl-4 {
padding-right: 1.5rem !important; }
.pxer-app .pb-xl-4,
.pxer-app .py-xl-4 {
padding-bottom: 1.5rem !important; }
.pxer-app .pl-xl-4,
.pxer-app .px-xl-4 {
padding-left: 1.5rem !important; }
.pxer-app .p-xl-5 {
padding: 3rem !important; }
.pxer-app .pt-xl-5,
.pxer-app .py-xl-5 {
padding-top: 3rem !important; }
.pxer-app .pr-xl-5,
.pxer-app .px-xl-5 {
padding-right: 3rem !important; }
.pxer-app .pb-xl-5,
.pxer-app .py-xl-5 {
padding-bottom: 3rem !important; }
.pxer-app .pl-xl-5,
.pxer-app .px-xl-5 {
padding-left: 3rem !important; }
.pxer-app .m-xl-n1 {
margin: -0.25rem !important; }
.pxer-app .mt-xl-n1,
.pxer-app .my-xl-n1 {
margin-top: -0.25rem !important; }
.pxer-app .mr-xl-n1,
.pxer-app .mx-xl-n1 {
margin-right: -0.25rem !important; }
.pxer-app .mb-xl-n1,
.pxer-app .my-xl-n1 {
margin-bottom: -0.25rem !important; }
.pxer-app .ml-xl-n1,
.pxer-app .mx-xl-n1 {
margin-left: -0.25rem !important; }
.pxer-app .m-xl-n2 {
margin: -0.5rem !important; }
.pxer-app .mt-xl-n2,
.pxer-app .my-xl-n2 {
margin-top: -0.5rem !important; }
.pxer-app .mr-xl-n2,
.pxer-app .mx-xl-n2 {
margin-right: -0.5rem !important; }
.pxer-app .mb-xl-n2,
.pxer-app .my-xl-n2 {
margin-bottom: -0.5rem !important; }
.pxer-app .ml-xl-n2,
.pxer-app .mx-xl-n2 {
margin-left: -0.5rem !important; }
.pxer-app .m-xl-n3 {
margin: -1rem !important; }
.pxer-app .mt-xl-n3,
.pxer-app .my-xl-n3 {
margin-top: -1rem !important; }
.pxer-app .mr-xl-n3,
.pxer-app .mx-xl-n3 {
margin-right: -1rem !important; }
.pxer-app .mb-xl-n3,
.pxer-app .my-xl-n3 {
margin-bottom: -1rem !important; }
.pxer-app .ml-xl-n3,
.pxer-app .mx-xl-n3 {
margin-left: -1rem !important; }
.pxer-app .m-xl-n4 {
margin: -1.5rem !important; }
.pxer-app .mt-xl-n4,
.pxer-app .my-xl-n4 {
margin-top: -1.5rem !important; }
.pxer-app .mr-xl-n4,
.pxer-app .mx-xl-n4 {
margin-right: -1.5rem !important; }
.pxer-app .mb-xl-n4,
.pxer-app .my-xl-n4 {
margin-bottom: -1.5rem !important; }
.pxer-app .ml-xl-n4,
.pxer-app .mx-xl-n4 {
margin-left: -1.5rem !important; }
.pxer-app .m-xl-n5 {
margin: -3rem !important; }
.pxer-app .mt-xl-n5,
.pxer-app .my-xl-n5 {
margin-top: -3rem !important; }
.pxer-app .mr-xl-n5,
.pxer-app .mx-xl-n5 {
margin-right: -3rem !important; }
.pxer-app .mb-xl-n5,
.pxer-app .my-xl-n5 {
margin-bottom: -3rem !important; }
.pxer-app .ml-xl-n5,
.pxer-app .mx-xl-n5 {
margin-left: -3rem !important; }
.pxer-app .m-xl-auto {
margin: auto !important; }
.pxer-app .mt-xl-auto,
.pxer-app .my-xl-auto {
margin-top: auto !important; }
.pxer-app .mr-xl-auto,
.pxer-app .mx-xl-auto {
margin-right: auto !important; }
.pxer-app .mb-xl-auto,
.pxer-app .my-xl-auto {
margin-bottom: auto !important; }
.pxer-app .ml-xl-auto,
.pxer-app .mx-xl-auto {
margin-left: auto !important; } }
.pxer-app *,
.pxer-app *::before,
.pxer-app *::after {
box-sizing: border-box; }
.pxer-app html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.pxer-app article, .pxer-app aside, .pxer-app figcaption, .pxer-app figure, .pxer-app footer, .pxer-app header, .pxer-app hgroup, .pxer-app main, .pxer-app nav, .pxer-app section {
display: block; }
.pxer-app body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff; }
.pxer-app [tabindex="-1"]:focus {
outline: 0 !important; }
.pxer-app hr {
box-sizing: content-box;
height: 0;
overflow: visible; }
.pxer-app h1, .pxer-app h2, .pxer-app h3, .pxer-app h4, .pxer-app h5, .pxer-app h6 {
margin-top: 0;
margin-bottom: 0.5rem; }
.pxer-app p {
margin-top: 0;
margin-bottom: 1rem; }
.pxer-app abbr[title],
.pxer-app abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
text-decoration-skip-ink: none; }
.pxer-app address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit; }
.pxer-app ol,
.pxer-app ul,
.pxer-app dl {
margin-top: 0;
margin-bottom: 1rem; }
.pxer-app ol ol,
.pxer-app ul ul,
.pxer-app ol ul,
.pxer-app ul ol {
margin-bottom: 0; }
.pxer-app dt {
font-weight: 700; }
.pxer-app dd {
margin-bottom: .5rem;
margin-left: 0; }
.pxer-app blockquote {
margin: 0 0 1rem; }
.pxer-app b,
.pxer-app strong {
font-weight: bolder; }
.pxer-app small {
font-size: 80%; }
.pxer-app sub,
.pxer-app sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline; }
.pxer-app sub {
bottom: -.25em; }
.pxer-app sup {
top: -.5em; }
.pxer-app a {
color: #007bff;
text-decoration: none;
background-color: transparent; }
.pxer-app a:hover {
color: #0056b3;
text-decoration: underline; }
.pxer-app a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none; }
.pxer-app a:not([href]):not([tabindex]):hover, .pxer-app a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none; }
.pxer-app a:not([href]):not([tabindex]):focus {
outline: 0; }
.pxer-app pre,
.pxer-app code,
.pxer-app kbd,
.pxer-app samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em; }
.pxer-app pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto; }
.pxer-app figure {
margin: 0 0 1rem; }
.pxer-app img {
vertical-align: middle;
border-style: none; }
.pxer-app svg {
overflow: hidden;
vertical-align: middle; }
.pxer-app table {
border-collapse: collapse; }
.pxer-app caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom; }
.pxer-app th {
text-align: inherit; }
.pxer-app label {
display: inline-block;
margin-bottom: 0.5rem; }
.pxer-app button {
border-radius: 0; }
.pxer-app button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color; }
.pxer-app input,
.pxer-app button,
.pxer-app select,
.pxer-app optgroup,
.pxer-app textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit; }
.pxer-app button,
.pxer-app input {
overflow: visible; }
.pxer-app button,
.pxer-app select {
text-transform: none; }
.pxer-app select {
word-wrap: normal; }
.pxer-app button,
.pxer-app [type="button"],
.pxer-app [type="reset"],
.pxer-app [type="submit"] {
-webkit-appearance: button; }
.pxer-app button:not(:disabled),
.pxer-app [type="button"]:not(:disabled),
.pxer-app [type="reset"]:not(:disabled),
.pxer-app [type="submit"]:not(:disabled) {
cursor: pointer; }
.pxer-app button::-moz-focus-inner,
.pxer-app [type="button"]::-moz-focus-inner,
.pxer-app [type="reset"]::-moz-focus-inner,
.pxer-app [type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none; }
.pxer-app input[type="radio"],
.pxer-app input[type="checkbox"] {
box-sizing: border-box;
padding: 0; }
.pxer-app input[type="date"],
.pxer-app input[type="time"],
.pxer-app input[type="datetime-local"],
.pxer-app input[type="month"] {
-webkit-appearance: listbox; }
.pxer-app textarea {
overflow: auto;
resize: vertical; }
.pxer-app fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0; }
.pxer-app legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal; }
.pxer-app progress {
vertical-align: baseline; }
.pxer-app [type="number"]::-webkit-inner-spin-button,
.pxer-app [type="number"]::-webkit-outer-spin-button {
height: auto; }
.pxer-app [type="search"] {
outline-offset: -2px;
-webkit-appearance: none; }
.pxer-app [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
.pxer-app ::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button; }
.pxer-app output {
display: inline-block; }
.pxer-app summary {
display: list-item;
cursor: pointer; }
.pxer-app template {
display: none; }
.pxer-app [hidden] {
display: none !important; }
.pxer-app .table {
width: 100%;
margin-bottom: 1rem;
color: #212529; }
.pxer-app .table th,
.pxer-app .table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #dee2e6; }
.pxer-app .table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6; }
.pxer-app .table tbody + tbody {
border-top: 2px solid #dee2e6; }
.pxer-app .table-sm th,
.pxer-app .table-sm td {
padding: 0.3rem; }
.pxer-app .table-bordered {
border: 1px solid #dee2e6; }
.pxer-app .table-bordered th,
.pxer-app .table-bordered td {
border: 1px solid #dee2e6; }
.pxer-app .table-bordered thead th,
.pxer-app .table-bordered thead td {
border-bottom-width: 2px; }
.pxer-app .table-borderless th,
.pxer-app .table-borderless td,
.pxer-app .table-borderless thead th,
.pxer-app .table-borderless tbody + tbody {
border: 0; }
.pxer-app .table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05); }
.pxer-app .table-hover tbody tr:hover {
color: #212529;
background-color: rgba(0, 0, 0, 0.075); }
.pxer-app .table-primary,
.pxer-app .table-primary > th,
.pxer-app .table-primary > td {
background-color: #b8daff; }
.pxer-app .table-primary th,
.pxer-app .table-primary td,
.pxer-app .table-primary thead th,
.pxer-app .table-primary tbody + tbody {
border-color: #7abaff; }
.pxer-app .table-hover .table-primary:hover {
background-color: #9fcdff; }
.pxer-app .table-hover .table-primary:hover > td,
.pxer-app .table-hover .table-primary:hover > th {
background-color: #9fcdff; }
.pxer-app .table-secondary,
.pxer-app .table-secondary > th,
.pxer-app .table-secondary > td {
background-color: #d6d8db; }
.pxer-app .table-secondary th,
.pxer-app .table-secondary td,
.pxer-app .table-secondary thead th,
.pxer-app .table-secondary tbody + tbody {
border-color: #b3b7bb; }
.pxer-app .table-hover .table-secondary:hover {
background-color: #c8cbcf; }
.pxer-app .table-hover .table-secondary:hover > td,
.pxer-app .table-hover .table-secondary:hover > th {
background-color: #c8cbcf; }
.pxer-app .table-success,
.pxer-app .table-success > th,
.pxer-app .table-success > td {
background-color: #c3e6cb; }
.pxer-app .table-success th,
.pxer-app .table-success td,
.pxer-app .table-success thead th,
.pxer-app .table-success tbody + tbody {
border-color: #8fd19e; }
.pxer-app .table-hover .table-success:hover {
background-color: #b1dfbb; }
.pxer-app .table-hover .table-success:hover > td,
.pxer-app .table-hover .table-success:hover > th {
background-color: #b1dfbb; }
.pxer-app .table-info,
.pxer-app .table-info > th,
.pxer-app .table-info > td {
background-color: #bee5eb; }
.pxer-app .table-info th,
.pxer-app .table-info td,
.pxer-app .table-info thead th,
.pxer-app .table-info tbody + tbody {
border-color: #86cfda; }
.pxer-app .table-hover .table-info:hover {
background-color: #abdde5; }
.pxer-app .table-hover .table-info:hover > td,
.pxer-app .table-hover .table-info:hover > th {
background-color: #abdde5; }
.pxer-app .table-warning,
.pxer-app .table-warning > th,
.pxer-app .table-warning > td {
background-color: #ffeeba; }
.pxer-app .table-warning th,
.pxer-app .table-warning td,
.pxer-app .table-warning thead th,
.pxer-app .table-warning tbody + tbody {
border-color: #ffdf7e; }
.pxer-app .table-hover .table-warning:hover {
background-color: #ffe8a1; }
.pxer-app .table-hover .table-warning:hover > td,
.pxer-app .table-hover .table-warning:hover > th {
background-color: #ffe8a1; }
.pxer-app .table-danger,
.pxer-app .table-danger > th,
.pxer-app .table-danger > td {
background-color: #f5c6cb; }
.pxer-app .table-danger th,
.pxer-app .table-danger td,
.pxer-app .table-danger thead th,
.pxer-app .table-danger tbody + tbody {
border-color: #ed969e; }
.pxer-app .table-hover .table-danger:hover {
background-color: #f1b0b7; }
.pxer-app .table-hover .table-danger:hover > td,
.pxer-app .table-hover .table-danger:hover > th {
background-color: #f1b0b7; }
.pxer-app .table-light,
.pxer-app .table-light > th,
.pxer-app .table-light > td {
background-color: #fdfdfe; }
.pxer-app .table-light th,
.pxer-app .table-light td,
.pxer-app .table-light thead th,
.pxer-app .table-light tbody + tbody {
border-color: #fbfcfc; }
.pxer-app .table-hover .table-light:hover {
background-color: #ececf6; }
.pxer-app .table-hover .table-light:hover > td,
.pxer-app .table-hover .table-light:hover > th {
background-color: #ececf6; }
.pxer-app .table-dark,
.pxer-app .table-dark > th,
.pxer-app .table-dark > td {
background-color: #c6c8ca; }
.pxer-app .table-dark th,
.pxer-app .table-dark td,
.pxer-app .table-dark thead th,
.pxer-app .table-dark tbody + tbody {
border-color: #95999c; }
.pxer-app .table-hover .table-dark:hover {
background-color: #b9bbbe; }
.pxer-app .table-hover .table-dark:hover > td,
.pxer-app .table-hover .table-dark:hover > th {
background-color: #b9bbbe; }
.pxer-app .table-active,
.pxer-app .table-active > th,
.pxer-app .table-active > td {
background-color: rgba(0, 0, 0, 0.075); }
.pxer-app .table-hover .table-active:hover {
background-color: rgba(0, 0, 0, 0.075); }
.pxer-app .table-hover .table-active:hover > td,
.pxer-app .table-hover .table-active:hover > th {
background-color: rgba(0, 0, 0, 0.075); }
.pxer-app .table .thead-dark th {
color: #fff;
background-color: #343a40;
border-color: #454d55; }
.pxer-app .table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6; }
.pxer-app .table-dark {
color: #fff;
background-color: #343a40; }
.pxer-app .table-dark th,
.pxer-app .table-dark td,
.pxer-app .table-dark thead th {
border-color: #454d55; }
.pxer-app .table-dark.table-bordered {
border: 0; }
.pxer-app .table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05); }
.pxer-app .table-dark.table-hover tbody tr:hover {
color: #fff;
background-color: rgba(255, 255, 255, 0.075); }
@media (max-width: 575.98px) {
.pxer-app .table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.pxer-app .table-responsive-sm > .table-bordered {
border: 0; } }
@media (max-width: 767.98px) {
.pxer-app .table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.pxer-app .table-responsive-md > .table-bordered {
border: 0; } }
@media (max-width: 991.98px) {
.pxer-app .table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.pxer-app .table-responsive-lg > .table-bordered {
border: 0; } }
@media (max-width: 1199.98px) {
.pxer-app .table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.pxer-app .table-responsive-xl > .table-bordered {
border: 0; } }
.pxer-app .table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.pxer-app .table-responsive > .table-bordered {
border: 0; }
.pxer-app .form-control {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.pxer-app .form-control {
transition: none; } }
.pxer-app .form-control::-ms-expand {
background-color: transparent;
border: 0; }
.pxer-app .form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.pxer-app .form-control::placeholder {
color: #6c757d;
opacity: 1; }
.pxer-app .form-control:disabled, .pxer-app .form-control[readonly] {
background-color: #e9ecef;
opacity: 1; }
.pxer-app select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff; }
.pxer-app .form-control-file,
.pxer-app .form-control-range {
display: block;
width: 100%; }
.pxer-app .col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5; }
.pxer-app .col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5; }
.pxer-app .col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem;
line-height: 1.5; }
.pxer-app .form-control-plaintext {
display: block;
width: 100%;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
margin-bottom: 0;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0; }
.pxer-app .form-control-plaintext.form-control-sm, .pxer-app input.form-control-plaintext.form-control, .pxer-app select.form-control-plaintext.form-control, .pxer-app .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0; }
.pxer-app .form-control-sm, .pxer-app input.form-control, .pxer-app select.form-control {
height: calc(1.5em + 0.5rem + 2px);
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem; }
.pxer-app .form-control-lg {
height: calc(1.5em + 1rem + 2px);
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem; }
.pxer-app select.form-control[size], .pxer-app select.form-control[multiple] {
height: auto; }
.pxer-app textarea.form-control {
height: auto; }
.pxer-app .form-group {
margin-bottom: 1rem; }
.pxer-app .form-text {
display: block;
margin-top: 0.25rem; }
.pxer-app .form-row {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px; }
.pxer-app .form-row > .col,
.pxer-app .form-row > [class*="col-"] {
padding-right: 5px;
padding-left: 5px; }
.pxer-app .form-check {
position: relative;
display: block;
padding-left: 1.25rem; }
.pxer-app .form-check-input {
position: absolute;
margin-top: 0.3rem;
margin-left: -1.25rem; }
.pxer-app .form-check-input:disabled ~ .form-check-label {
color: #6c757d; }
.pxer-app .form-check-label {
margin-bottom: 0; }
.pxer-app .form-check-inline {
display: inline-flex;
align-items: center;
padding-left: 0;
margin-right: 0.75rem; }
.pxer-app .form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: 0.3125rem;
margin-left: 0; }
.pxer-app .valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #28a745; }
.pxer-app .valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: .1rem;
font-size: 0.875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(40, 167, 69, 0.9);
border-radius: 0.25rem; }
.was-validated .pxer-app .form-control:valid, .pxer-app .form-control.is-valid {
border-color: #28a745;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center right calc(0.375em + 0.1875rem);
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.was-validated .pxer-app .form-control:valid:focus, .pxer-app .form-control.is-valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
.was-validated .pxer-app .form-control:valid ~ .valid-feedback,
.was-validated .pxer-app .form-control:valid ~ .valid-tooltip, .pxer-app .form-control.is-valid ~ .valid-feedback,
.pxer-app .form-control.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .pxer-app textarea.form-control:valid, .pxer-app textarea.form-control.is-valid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }
.was-validated .pxer-app .custom-select:valid, .pxer-app .custom-select.is-valid {
border-color: #28a745;
padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.was-validated .pxer-app .custom-select:valid:focus, .pxer-app .custom-select.is-valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
.was-validated .pxer-app .custom-select:valid ~ .valid-feedback,
.was-validated .pxer-app .custom-select:valid ~ .valid-tooltip, .pxer-app .custom-select.is-valid ~ .valid-feedback,
.pxer-app .custom-select.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .pxer-app .form-control-file:valid ~ .valid-feedback,
.was-validated .pxer-app .form-control-file:valid ~ .valid-tooltip, .pxer-app .form-control-file.is-valid ~ .valid-feedback,
.pxer-app .form-control-file.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .pxer-app .form-check-input:valid ~ .form-check-label, .pxer-app .form-check-input.is-valid ~ .form-check-label {
color: #28a745; }
.was-validated .pxer-app .form-check-input:valid ~ .valid-feedback,
.was-validated .pxer-app .form-check-input:valid ~ .valid-tooltip, .pxer-app .form-check-input.is-valid ~ .valid-feedback,
.pxer-app .form-check-input.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .pxer-app .custom-control-input:valid ~ .custom-control-label, .pxer-app .custom-control-input.is-valid ~ .custom-control-label {
color: #28a745; }
.was-validated .pxer-app .custom-control-input:valid ~ .custom-control-label::before, .pxer-app .custom-control-input.is-valid ~ .custom-control-label::before {
border-color: #28a745; }
.was-validated .pxer-app .custom-control-input:valid ~ .valid-feedback,
.was-validated .pxer-app .custom-control-input:valid ~ .valid-tooltip, .pxer-app .custom-control-input.is-valid ~ .valid-feedback,
.pxer-app .custom-control-input.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .pxer-app .custom-control-input:valid:checked ~ .custom-control-label::before, .pxer-app .custom-control-input.is-valid:checked ~ .custom-control-label::before {
border-color: #34ce57;
background-color: #34ce57; }
.was-validated .pxer-app .custom-control-input:valid:focus ~ .custom-control-label::before, .pxer-app .custom-control-input.is-valid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
.was-validated .pxer-app .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .pxer-app .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #28a745; }
.was-validated .pxer-app .custom-file-input:valid ~ .custom-file-label, .pxer-app .custom-file-input.is-valid ~ .custom-file-label {
border-color: #28a745; }
.was-validated .pxer-app .custom-file-input:valid ~ .valid-feedback,
.was-validated .pxer-app .custom-file-input:valid ~ .valid-tooltip, .pxer-app .custom-file-input.is-valid ~ .valid-feedback,
.pxer-app .custom-file-input.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .pxer-app .custom-file-input:valid:focus ~ .custom-file-label, .pxer-app .custom-file-input.is-valid:focus ~ .custom-file-label {
border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
.pxer-app .invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #dc3545; }
.pxer-app .invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: .1rem;
font-size: 0.875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(220, 53, 69, 0.9);
border-radius: 0.25rem; }
.was-validated .pxer-app .form-control:invalid, .pxer-app .form-control.is-invalid {
border-color: #dc3545;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
background-repeat: no-repeat;
background-position: center right calc(0.375em + 0.1875rem);
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.was-validated .pxer-app .form-control:invalid:focus, .pxer-app .form-control.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
.was-validated .pxer-app .form-control:invalid ~ .invalid-feedback,
.was-validated .pxer-app .form-control:invalid ~ .invalid-tooltip, .pxer-app .form-control.is-invalid ~ .invalid-feedback,
.pxer-app .form-control.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .pxer-app textarea.form-control:invalid, .pxer-app textarea.form-control.is-invalid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }
.was-validated .pxer-app .custom-select:invalid, .pxer-app .custom-select.is-invalid {
border-color: #dc3545;
padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.was-validated .pxer-app .custom-select:invalid:focus, .pxer-app .custom-select.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
.was-validated .pxer-app .custom-select:invalid ~ .invalid-feedback,
.was-validated .pxer-app .custom-select:invalid ~ .invalid-tooltip, .pxer-app .custom-select.is-invalid ~ .invalid-feedback,
.pxer-app .custom-select.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .pxer-app .form-control-file:invalid ~ .invalid-feedback,
.was-validated .pxer-app .form-control-file:invalid ~ .invalid-tooltip, .pxer-app .form-control-file.is-invalid ~ .invalid-feedback,
.pxer-app .form-control-file.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .pxer-app .form-check-input:invalid ~ .form-check-label, .pxer-app .form-check-input.is-invalid ~ .form-check-label {
color: #dc3545; }
.was-validated .pxer-app .form-check-input:invalid ~ .invalid-feedback,
.was-validated .pxer-app .form-check-input:invalid ~ .invalid-tooltip, .pxer-app .form-check-input.is-invalid ~ .invalid-feedback,
.pxer-app .form-check-input.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .pxer-app .custom-control-input:invalid ~ .custom-control-label, .pxer-app .custom-control-input.is-invalid ~ .custom-control-label {
color: #dc3545; }
.was-validated .pxer-app .custom-control-input:invalid ~ .custom-control-label::before, .pxer-app .custom-control-input.is-invalid ~ .custom-control-label::before {
border-color: #dc3545; }
.was-validated .pxer-app .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .pxer-app .custom-control-input:invalid ~ .invalid-tooltip, .pxer-app .custom-control-input.is-invalid ~ .invalid-feedback,
.pxer-app .custom-control-input.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .pxer-app .custom-control-input:invalid:checked ~ .custom-control-label::before, .pxer-app .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
border-color: #e4606d;
background-color: #e4606d; }
.was-validated .pxer-app .custom-control-input:invalid:focus ~ .custom-control-label::before, .pxer-app .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
.was-validated .pxer-app .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .pxer-app .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #dc3545; }
.was-validated .pxer-app .custom-file-input:invalid ~ .custom-file-label, .pxer-app .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #dc3545; }
.was-validated .pxer-app .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .pxer-app .custom-file-input:invalid ~ .invalid-tooltip, .pxer-app .custom-file-input.is-invalid ~ .invalid-feedback,
.pxer-app .custom-file-input.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .pxer-app .custom-file-input:invalid:focus ~ .custom-file-label, .pxer-app .custom-file-input.is-invalid:focus ~ .custom-file-label {
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
.pxer-app .form-inline {
display: flex;
flex-flow: row wrap;
align-items: center; }
.pxer-app .form-inline .form-check {
width: 100%; }
@media (min-width: 576px) {
.pxer-app .form-inline label {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0; }
.pxer-app .form-inline .form-group {
display: flex;
flex: 0 0 auto;
flex-flow: row wrap;
align-items: center;
margin-bottom: 0; }
.pxer-app .form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.pxer-app .form-inline .form-control-plaintext {
display: inline-block; }
.pxer-app .form-inline .input-group,
.pxer-app .form-inline .custom-select {
width: auto; }
.pxer-app .form-inline .form-check {
display: flex;
align-items: center;
justify-content: center;
width: auto;
padding-left: 0; }
.pxer-app .form-inline .form-check-input {
position: relative;
flex-shrink: 0;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0; }
.pxer-app .form-inline .custom-control {
align-items: center;
justify-content: center; }
.pxer-app .form-inline .custom-control-label {
margin-bottom: 0; } }
.pxer-app .btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.pxer-app .btn {
transition: none; } }
.pxer-app .btn:hover {
color: #212529;
text-decoration: none; }
.pxer-app .btn:focus, .pxer-app .btn.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.pxer-app .btn.disabled, .pxer-app .btn:disabled {
opacity: 0.65; }
.pxer-app a.btn.disabled,
.pxer-app fieldset:disabled a.btn {
pointer-events: none; }
.pxer-app .btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.pxer-app .btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc; }
.pxer-app .btn-primary:focus, .pxer-app .btn-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
.pxer-app .btn-primary.disabled, .pxer-app .btn-primary:disabled {
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.pxer-app .btn-primary:not(:disabled):not(.disabled):active, .pxer-app .btn-primary:not(:disabled):not(.disabled).active,
.show > .pxer-app .btn-primary.dropdown-toggle {
color: #fff;
background-color: #0062cc;
border-color: #005cbf; }
.pxer-app .btn-primary:not(:disabled):not(.disabled):active:focus, .pxer-app .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .pxer-app .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
.pxer-app .btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.pxer-app .btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62; }
.pxer-app .btn-secondary:focus, .pxer-app .btn-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
.pxer-app .btn-secondary.disabled, .pxer-app .btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.pxer-app .btn-secondary:not(:disabled):not(.disabled):active, .pxer-app .btn-secondary:not(:disabled):not(.disabled).active,
.show > .pxer-app .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #545b62;
border-color: #4e555b; }
.pxer-app .btn-secondary:not(:disabled):not(.disabled):active:focus, .pxer-app .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .pxer-app .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
.pxer-app .btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745; }
.pxer-app .btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34; }
.pxer-app .btn-success:focus, .pxer-app .btn-success.focus {
box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }
.pxer-app .btn-success.disabled, .pxer-app .btn-success:disabled {
color: #fff;
background-color: #28a745;
border-color: #28a745; }
.pxer-app .btn-success:not(:disabled):not(.disabled):active, .pxer-app .btn-success:not(:disabled):not(.disabled).active,
.show > .pxer-app .btn-success.dropdown-toggle {
color: #fff;
background-color: #1e7e34;
border-color: #1c7430; }
.pxer-app .btn-success:not(:disabled):not(.disabled):active:focus, .pxer-app .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .pxer-app .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }
.pxer-app .btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; }
.pxer-app .btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b; }
.pxer-app .btn-info:focus, .pxer-app .btn-info.focus {
box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
.pxer-app .btn-info.disabled, .pxer-app .btn-info:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; }
.pxer-app .btn-info:not(:disabled):not(.disabled):active, .pxer-app .btn-info:not(:disabled):not(.disabled).active,
.show > .pxer-app .btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f; }
.pxer-app .btn-info:not(:disabled):not(.disabled):active:focus, .pxer-app .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .pxer-app .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
.pxer-app .btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; }
.pxer-app .btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00; }
.pxer-app .btn-warning:focus, .pxer-app .btn-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }
.pxer-app .btn-warning.disabled, .pxer-app .btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; }
.pxer-app .btn-warning:not(:disabled):not(.disabled):active, .pxer-app .btn-warning:not(:disabled):not(.disabled).active,
.show > .pxer-app .btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500; }
.pxer-app .btn-warning:not(:disabled):not(.disabled):active:focus, .pxer-app .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .pxer-app .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }
.pxer-app .btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.pxer-app .btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130; }
.pxer-app .btn-danger:focus, .pxer-app .btn-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }
.pxer-app .btn-danger.disabled, .pxer-app .btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.pxer-app .btn-danger:not(:disabled):not(.disabled):active, .pxer-app .btn-danger:not(:disabled):not(.disabled).active,
.show > .pxer-app .btn-danger.dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d; }
.pxer-app .btn-danger:not(:disabled):not(.disabled):active:focus, .pxer-app .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .pxer-app .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }
.pxer-app .btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.pxer-app .btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5; }
.pxer-app .btn-light:focus, .pxer-app .btn-light.focus {
box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }
.pxer-app .btn-light.disabled, .pxer-app .btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.pxer-app .btn-light:not(:disabled):not(.disabled):active, .pxer-app .btn-light:not(:disabled):not(.disabled).active,
.show > .pxer-app .btn-light.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df; }
.pxer-app .btn-light:not(:disabled):not(.disabled):active:focus, .pxer-app .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .pxer-app .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }
.pxer-app .btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40; }
.pxer-app .btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124; }
.pxer-app .btn-dark:focus, .pxer-app .btn-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }
.pxer-app .btn-dark.disabled, .pxer-app .btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40; }
.pxer-app .btn-dark:not(:disabled):not(.disabled):active, .pxer-app .btn-dark:not(:disabled):not(.disabled).active,
.show > .pxer-app .btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d; }
.pxer-app .btn-dark:not(:disabled):not(.disabled):active:focus, .pxer-app .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .pxer-app .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }
.pxer-app .btn-outline-primary {
color: #007bff;
border-color: #007bff; }
.pxer-app .btn-outline-primary:hover {
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.pxer-app .btn-outline-primary:focus, .pxer-app .btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
.pxer-app .btn-outline-primary.disabled, .pxer-app .btn-outline-primary:disabled {
color: #007bff;
background-color: transparent; }
.pxer-app .btn-outline-primary:not(:disabled):not(.disabled):active, .pxer-app .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .pxer-app .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.pxer-app .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .pxer-app .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .pxer-app .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
.pxer-app .btn-outline-secondary {
color: #6c757d;
border-color: #6c757d; }
.pxer-app .btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.pxer-app .btn-outline-secondary:focus, .pxer-app .btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.pxer-app .btn-outline-secondary.disabled, .pxer-app .btn-outline-secondary:disabled {
color: #6c757d;
background-color: transparent; }
.pxer-app .btn-outline-secondary:not(:disabled):not(.disabled):active, .pxer-app .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .pxer-app .btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.pxer-app .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .pxer-app .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .pxer-app .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.pxer-app .btn-outline-success {
color: #28a745;
border-color: #28a745; }
.pxer-app .btn-outline-success:hover {
color: #fff;
background-color: #28a745;
border-color: #28a745; }
.pxer-app .btn-outline-success:focus, .pxer-app .btn-outline-success.focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
.pxer-app .btn-outline-success.disabled, .pxer-app .btn-outline-success:disabled {
color: #28a745;
background-color: transparent; }
.pxer-app .btn-outline-success:not(:disabled):not(.disabled):active, .pxer-app .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .pxer-app .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28a745;
border-color: #28a745; }
.pxer-app .btn-outline-success:not(:disabled):not(.disabled):active:focus, .pxer-app .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .pxer-app .btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
.pxer-app .btn-outline-info {
color: #17a2b8;
border-color: #17a2b8; }
.pxer-app .btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; }
.pxer-app .btn-outline-info:focus, .pxer-app .btn-outline-info.focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.pxer-app .btn-outline-info.disabled, .pxer-app .btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent; }
.pxer-app .btn-outline-info:not(:disabled):not(.disabled):active, .pxer-app .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .pxer-app .btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; }
.pxer-app .btn-outline-info:not(:disabled):not(.disabled):active:focus, .pxer-app .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .pxer-app .btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.pxer-app .btn-outline-warning {
color: #ffc107;
border-color: #ffc107; }
.pxer-app .btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; }
.pxer-app .btn-outline-warning:focus, .pxer-app .btn-outline-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.pxer-app .btn-outline-warning.disabled, .pxer-app .btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent; }
.pxer-app .btn-outline-warning:not(:disabled):not(.disabled):active, .pxer-app .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .pxer-app .btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; }
.pxer-app .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .pxer-app .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .pxer-app .btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.pxer-app .btn-outline-danger {
color: #dc3545;
border-color: #dc3545; }
.pxer-app .btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.pxer-app .btn-outline-danger:focus, .pxer-app .btn-outline-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
.pxer-app .btn-outline-danger.disabled, .pxer-app .btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent; }
.pxer-app .btn-outline-danger:not(:disabled):not(.disabled):active, .pxer-app .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .pxer-app .btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.pxer-app .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .pxer-app .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .pxer-app .btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
.pxer-app .btn-outline-light {
color: #f8f9fa;
border-color: #f8f9fa; }
.pxer-app .btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.pxer-app .btn-outline-light:focus, .pxer-app .btn-outline-light.focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
.pxer-app .btn-outline-light.disabled, .pxer-app .btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent; }
.pxer-app .btn-outline-light:not(:disabled):not(.disabled):active, .pxer-app .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .pxer-app .btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.pxer-app .btn-outline-light:not(:disabled):not(.disabled):active:focus, .pxer-app .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .pxer-app .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
.pxer-app .btn-outline-dark {
color: #343a40;
border-color: #343a40; }
.pxer-app .btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40; }
.pxer-app .btn-outline-dark:focus, .pxer-app .btn-outline-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
.pxer-app .btn-outline-dark.disabled, .pxer-app .btn-outline-dark:disabled {
color: #343a40;
background-color: transparent; }
.pxer-app .btn-outline-dark:not(:disabled):not(.disabled):active, .pxer-app .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .pxer-app .btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40; }
.pxer-app .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .pxer-app .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .pxer-app .btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
.pxer-app .btn-link {
font-weight: 400;
color: #007bff;
text-decoration: none; }
.pxer-app .btn-link:hover {
color: #0056b3;
text-decoration: underline; }
.pxer-app .btn-link:focus, .pxer-app .btn-link.focus {
text-decoration: underline;
box-shadow: none; }
.pxer-app .btn-link:disabled, .pxer-app .btn-link.disabled {
color: #6c757d;
pointer-events: none; }
.pxer-app .btn-lg {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem; }
.pxer-app .btn-sm, .pxer-app .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem; }
.pxer-app .btn-block {
display: block;
width: 100%; }
.pxer-app .btn-block + .btn-block {
margin-top: 0.5rem; }
.pxer-app input[type="submit"].btn-block,
.pxer-app input[type="reset"].btn-block,
.pxer-app input[type="button"].btn-block {
width: 100%; }
.pxer-app .badge {
display: inline-block;
padding: 0.25em 0.4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.pxer-app .badge {
transition: none; } }
a.pxer-app .badge:hover, a.pxer-app .badge:focus {
text-decoration: none; }
.pxer-app .badge:empty {
display: none; }
.pxer-app .btn .badge {
position: relative;
top: -1px; }
.pxer-app .badge-pill {
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem; }
.pxer-app .badge-primary {
color: #fff;
background-color: #007bff; }
a.pxer-app .badge-primary:hover, a.pxer-app .badge-primary:focus {
color: #fff;
background-color: #0062cc; }
a.pxer-app .badge-primary:focus, a.pxer-app .badge-primary.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
.pxer-app .badge-secondary {
color: #fff;
background-color: #6c757d; }
a.pxer-app .badge-secondary:hover, a.pxer-app .badge-secondary:focus {
color: #fff;
background-color: #545b62; }
a.pxer-app .badge-secondary:focus, a.pxer-app .badge-secondary.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.pxer-app .badge-success {
color: #fff;
background-color: #28a745; }
a.pxer-app .badge-success:hover, a.pxer-app .badge-success:focus {
color: #fff;
background-color: #1e7e34; }
a.pxer-app .badge-success:focus, a.pxer-app .badge-success.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
.pxer-app .badge-info {
color: #fff;
background-color: #17a2b8; }
a.pxer-app .badge-info:hover, a.pxer-app .badge-info:focus {
color: #fff;
background-color: #117a8b; }
a.pxer-app .badge-info:focus, a.pxer-app .badge-info.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.pxer-app .badge-warning {
color: #212529;
background-color: #ffc107; }
a.pxer-app .badge-warning:hover, a.pxer-app .badge-warning:focus {
color: #212529;
background-color: #d39e00; }
a.pxer-app .badge-warning:focus, a.pxer-app .badge-warning.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.pxer-app .badge-danger {
color: #fff;
background-color: #dc3545; }
a.pxer-app .badge-danger:hover, a.pxer-app .badge-danger:focus {
color: #fff;
background-color: #bd2130; }
a.pxer-app .badge-danger:focus, a.pxer-app .badge-danger.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
.pxer-app .badge-light {
color: #212529;
background-color: #f8f9fa; }
a.pxer-app .badge-light:hover, a.pxer-app .badge-light:focus {
color: #212529;
background-color: #dae0e5; }
a.pxer-app .badge-light:focus, a.pxer-app .badge-light.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
.pxer-app .badge-dark {
color: #fff;
background-color: #343a40; }
a.pxer-app .badge-dark:hover, a.pxer-app .badge-dark:focus {
color: #fff;
background-color: #1d2124; }
a.pxer-app .badge-dark:focus, a.pxer-app .badge-dark.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
.pxer-app .align-baseline {
vertical-align: baseline !important; }
.pxer-app .align-top {
vertical-align: top !important; }
.pxer-app .align-middle {
vertical-align: middle !important; }
.pxer-app .align-bottom {
vertical-align: bottom !important; }
.pxer-app .align-text-bottom {
vertical-align: text-bottom !important; }
.pxer-app .align-text-top {
vertical-align: text-top !important; }
.pxer-app .bg-primary {
background-color: #007bff !important; }
.pxer-app a.bg-primary:hover, .pxer-app a.bg-primary:focus,
.pxer-app button.bg-primary:hover,
.pxer-app button.bg-primary:focus {
background-color: #0062cc !important; }
.pxer-app .bg-secondary {
background-color: #6c757d !important; }
.pxer-app a.bg-secondary:hover, .pxer-app a.bg-secondary:focus,
.pxer-app button.bg-secondary:hover,
.pxer-app button.bg-secondary:focus {
background-color: #545b62 !important; }
.pxer-app .bg-success {
background-color: #28a745 !important; }
.pxer-app a.bg-success:hover, .pxer-app a.bg-success:focus,
.pxer-app button.bg-success:hover,
.pxer-app button.bg-success:focus {
background-color: #1e7e34 !important; }
.pxer-app .bg-info {
background-color: #17a2b8 !important; }
.pxer-app a.bg-info:hover, .pxer-app a.bg-info:focus,
.pxer-app button.bg-info:hover,
.pxer-app button.bg-info:focus {
background-color: #117a8b !important; }
.pxer-app .bg-warning {
background-color: #ffc107 !important; }
.pxer-app a.bg-warning:hover, .pxer-app a.bg-warning:focus,
.pxer-app button.bg-warning:hover,
.pxer-app button.bg-warning:focus {
background-color: #d39e00 !important; }
.pxer-app .bg-danger {
background-color: #dc3545 !important; }
.pxer-app a.bg-danger:hover, .pxer-app a.bg-danger:focus,
.pxer-app button.bg-danger:hover,
.pxer-app button.bg-danger:focus {
background-color: #bd2130 !important; }
.pxer-app .bg-light {
background-color: #f8f9fa !important; }
.pxer-app a.bg-light:hover, .pxer-app a.bg-light:focus,
.pxer-app button.bg-light:hover,
.pxer-app button.bg-light:focus {
background-color: #dae0e5 !important; }
.pxer-app .bg-dark {
background-color: #343a40 !important; }
.pxer-app a.bg-dark:hover, .pxer-app a.bg-dark:focus,
.pxer-app button.bg-dark:hover,
.pxer-app button.bg-dark:focus {
background-color: #1d2124 !important; }
.pxer-app .bg-white {
background-color: #fff !important; }
.pxer-app .bg-transparent {
background-color: transparent !important; }
.pxer-app .border {
border: 1px solid #dee2e6 !important; }
.pxer-app .border-top {
border-top: 1px solid #dee2e6 !important; }
.pxer-app .border-right {
border-right: 1px solid #dee2e6 !important; }
.pxer-app .border-bottom {
border-bottom: 1px solid #dee2e6 !important; }
.pxer-app .border-left {
border-left: 1px solid #dee2e6 !important; }
.pxer-app .border-0 {
border: 0 !important; }
.pxer-app .border-top-0 {
border-top: 0 !important; }
.pxer-app .border-right-0 {
border-right: 0 !important; }
.pxer-app .border-bottom-0 {
border-bottom: 0 !important; }
.pxer-app .border-left-0 {
border-left: 0 !important; }
.pxer-app .border-primary {
border-color: #007bff !important; }
.pxer-app .border-secondary {
border-color: #6c757d !important; }
.pxer-app .border-success {
border-color: #28a745 !important; }
.pxer-app .border-info {
border-color: #17a2b8 !important; }
.pxer-app .border-warning {
border-color: #ffc107 !important; }
.pxer-app .border-danger {
border-color: #dc3545 !important; }
.pxer-app .border-light {
border-color: #f8f9fa !important; }
.pxer-app .border-dark {
border-color: #343a40 !important; }
.pxer-app .border-white {
border-color: #fff !important; }
.pxer-app .rounded-sm {
border-radius: 0.2rem !important; }
.pxer-app .rounded {
border-radius: 0.25rem !important; }
.pxer-app .rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important; }
.pxer-app .rounded-right {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important; }
.pxer-app .rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important; }
.pxer-app .rounded-left {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important; }
.pxer-app .rounded-lg {
border-radius: 0.3rem !important; }
.pxer-app .rounded-circle {
border-radius: 50% !important; }
.pxer-app .rounded-pill {
border-radius: 50rem !important; }
.pxer-app .rounded-0 {
border-radius: 0 !important; }
.pxer-app .clearfix::after {
display: block;
clear: both;
content: ""; }
.pxer-app .d-none {
display: none !important; }
.pxer-app .d-inline {
display: inline !important; }
.pxer-app .d-inline-block {
display: inline-block !important; }
.pxer-app .d-block {
display: block !important; }
.pxer-app .d-table {
display: table !important; }
.pxer-app .d-table-row {
display: table-row !important; }
.pxer-app .d-table-cell {
display: table-cell !important; }
.pxer-app .d-flex {
display: flex !important; }
.pxer-app .d-inline-flex {
display: inline-flex !important; }
@media (min-width: 576px) {
.pxer-app .d-sm-none {
display: none !important; }
.pxer-app .d-sm-inline {
display: inline !important; }
.pxer-app .d-sm-inline-block {
display: inline-block !important; }
.pxer-app .d-sm-block {
display: block !important; }
.pxer-app .d-sm-table {
display: table !important; }
.pxer-app .d-sm-table-row {
display: table-row !important; }
.pxer-app .d-sm-table-cell {
display: table-cell !important; }
.pxer-app .d-sm-flex {
display: flex !important; }
.pxer-app .d-sm-inline-flex {
display: inline-flex !important; } }
@media (min-width: 768px) {
.pxer-app .d-md-none {
display: none !important; }
.pxer-app .d-md-inline {
display: inline !important; }
.pxer-app .d-md-inline-block {
display: inline-block !important; }
.pxer-app .d-md-block {
display: block !important; }
.pxer-app .d-md-table {
display: table !important; }
.pxer-app .d-md-table-row {
display: table-row !important; }
.pxer-app .d-md-table-cell {
display: table-cell !important; }
.pxer-app .d-md-flex {
display: flex !important; }
.pxer-app .d-md-inline-flex {
display: inline-flex !important; } }
@media (min-width: 992px) {
.pxer-app .d-lg-none {
display: none !important; }
.pxer-app .d-lg-inline {
display: inline !important; }
.pxer-app .d-lg-inline-block {
display: inline-block !important; }
.pxer-app .d-lg-block {
display: block !important; }
.pxer-app .d-lg-table {
display: table !important; }
.pxer-app .d-lg-table-row {
display: table-row !important; }
.pxer-app .d-lg-table-cell {
display: table-cell !important; }
.pxer-app .d-lg-flex {
display: flex !important; }
.pxer-app .d-lg-inline-flex {
display: inline-flex !important; } }
@media (min-width: 1200px) {
.pxer-app .d-xl-none {
display: none !important; }
.pxer-app .d-xl-inline {
display: inline !important; }
.pxer-app .d-xl-inline-block {
display: inline-block !important; }
.pxer-app .d-xl-block {
display: block !important; }
.pxer-app .d-xl-table {
display: table !important; }
.pxer-app .d-xl-table-row {
display: table-row !important; }
.pxer-app .d-xl-table-cell {
display: table-cell !important; }
.pxer-app .d-xl-flex {
display: flex !important; }
.pxer-app .d-xl-inline-flex {
display: inline-flex !important; } }
@media print {
.pxer-app .d-print-none {
display: none !important; }
.pxer-app .d-print-inline {
display: inline !important; }
.pxer-app .d-print-inline-block {
display: inline-block !important; }
.pxer-app .d-print-block {
display: block !important; }
.pxer-app .d-print-table {
display: table !important; }
.pxer-app .d-print-table-row {
display: table-row !important; }
.pxer-app .d-print-table-cell {
display: table-cell !important; }
.pxer-app .d-print-flex {
display: flex !important; }
.pxer-app .d-print-inline-flex {
display: inline-flex !important; } }
.pxer-app .embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden; }
.pxer-app .embed-responsive::before {
display: block;
content: ""; }
.pxer-app .embed-responsive .embed-responsive-item,
.pxer-app .embed-responsive iframe,
.pxer-app .embed-responsive embed,
.pxer-app .embed-responsive object,
.pxer-app .embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0; }
.pxer-app .embed-responsive-21by9::before {
padding-top: 42.85714%; }
.pxer-app .embed-responsive-16by9::before {
padding-top: 56.25%; }
.pxer-app .embed-responsive-4by3::before {
padding-top: 75%; }
.pxer-app .embed-responsive-1by1::before {
padding-top: 100%; }
.pxer-app .flex-row {
flex-direction: row !important; }
.pxer-app .flex-column {
flex-direction: column !important; }
.pxer-app .flex-row-reverse {
flex-direction: row-reverse !important; }
.pxer-app .flex-column-reverse {
flex-direction: column-reverse !important; }
.pxer-app .flex-wrap {
flex-wrap: wrap !important; }
.pxer-app .flex-nowrap {
flex-wrap: nowrap !important; }
.pxer-app .flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.pxer-app .flex-fill {
flex: 1 1 auto !important; }
.pxer-app .flex-grow-0 {
flex-grow: 0 !important; }
.pxer-app .flex-grow-1 {
flex-grow: 1 !important; }
.pxer-app .flex-shrink-0 {
flex-shrink: 0 !important; }
.pxer-app .flex-shrink-1 {
flex-shrink: 1 !important; }
.pxer-app .justify-content-start {
justify-content: flex-start !important; }
.pxer-app .justify-content-end {
justify-content: flex-end !important; }
.pxer-app .justify-content-center {
justify-content: center !important; }
.pxer-app .justify-content-between {
justify-content: space-between !important; }
.pxer-app .justify-content-around {
justify-content: space-around !important; }
.pxer-app .align-items-start {
align-items: flex-start !important; }
.pxer-app .align-items-end {
align-items: flex-end !important; }
.pxer-app .align-items-center {
align-items: center !important; }
.pxer-app .align-items-baseline {
align-items: baseline !important; }
.pxer-app .align-items-stretch {
align-items: stretch !important; }
.pxer-app .align-content-start {
align-content: flex-start !important; }
.pxer-app .align-content-end {
align-content: flex-end !important; }
.pxer-app .align-content-center {
align-content: center !important; }
.pxer-app .align-content-between {
align-content: space-between !important; }
.pxer-app .align-content-around {
align-content: space-around !important; }
.pxer-app .align-content-stretch {
align-content: stretch !important; }
.pxer-app .align-self-auto {
align-self: auto !important; }
.pxer-app .align-self-start {
align-self: flex-start !important; }
.pxer-app .align-self-end {
align-self: flex-end !important; }
.pxer-app .align-self-center {
align-self: center !important; }
.pxer-app .align-self-baseline {
align-self: baseline !important; }
.pxer-app .align-self-stretch {
align-self: stretch !important; }
@media (min-width: 576px) {
.pxer-app .flex-sm-row {
flex-direction: row !important; }
.pxer-app .flex-sm-column {
flex-direction: column !important; }
.pxer-app .flex-sm-row-reverse {
flex-direction: row-reverse !important; }
.pxer-app .flex-sm-column-reverse {
flex-direction: column-reverse !important; }
.pxer-app .flex-sm-wrap {
flex-wrap: wrap !important; }
.pxer-app .flex-sm-nowrap {
flex-wrap: nowrap !important; }
.pxer-app .flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.pxer-app .flex-sm-fill {
flex: 1 1 auto !important; }
.pxer-app .flex-sm-grow-0 {
flex-grow: 0 !important; }
.pxer-app .flex-sm-grow-1 {
flex-grow: 1 !important; }
.pxer-app .flex-sm-shrink-0 {
flex-shrink: 0 !important; }
.pxer-app .flex-sm-shrink-1 {
flex-shrink: 1 !important; }
.pxer-app .justify-content-sm-start {
justify-content: flex-start !important; }
.pxer-app .justify-content-sm-end {
justify-content: flex-end !important; }
.pxer-app .justify-content-sm-center {
justify-content: center !important; }
.pxer-app .justify-content-sm-between {
justify-content: space-between !important; }
.pxer-app .justify-content-sm-around {
justify-content: space-around !important; }
.pxer-app .align-items-sm-start {
align-items: flex-start !important; }
.pxer-app .align-items-sm-end {
align-items: flex-end !important; }
.pxer-app .align-items-sm-center {
align-items: center !important; }
.pxer-app .align-items-sm-baseline {
align-items: baseline !important; }
.pxer-app .align-items-sm-stretch {
align-items: stretch !important; }
.pxer-app .align-content-sm-start {
align-content: flex-start !important; }
.pxer-app .align-content-sm-end {
align-content: flex-end !important; }
.pxer-app .align-content-sm-center {
align-content: center !important; }
.pxer-app .align-content-sm-between {
align-content: space-between !important; }
.pxer-app .align-content-sm-around {
align-content: space-around !important; }
.pxer-app .align-content-sm-stretch {
align-content: stretch !important; }
.pxer-app .align-self-sm-auto {
align-self: auto !important; }
.pxer-app .align-self-sm-start {
align-self: flex-start !important; }
.pxer-app .align-self-sm-end {
align-self: flex-end !important; }
.pxer-app .align-self-sm-center {
align-self: center !important; }
.pxer-app .align-self-sm-baseline {
align-self: baseline !important; }
.pxer-app .align-self-sm-stretch {
align-self: stretch !important; } }
@media (min-width: 768px) {
.pxer-app .flex-md-row {
flex-direction: row !important; }
.pxer-app .flex-md-column {
flex-direction: column !important; }
.pxer-app .flex-md-row-reverse {
flex-direction: row-reverse !important; }
.pxer-app .flex-md-column-reverse {
flex-direction: column-reverse !important; }
.pxer-app .flex-md-wrap {
flex-wrap: wrap !important; }
.pxer-app .flex-md-nowrap {
flex-wrap: nowrap !important; }
.pxer-app .flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.pxer-app .flex-md-fill {
flex: 1 1 auto !important; }
.pxer-app .flex-md-grow-0 {
flex-grow: 0 !important; }
.pxer-app .flex-md-grow-1 {
flex-grow: 1 !important; }
.pxer-app .flex-md-shrink-0 {
flex-shrink: 0 !important; }
.pxer-app .flex-md-shrink-1 {
flex-shrink: 1 !important; }
.pxer-app .justify-content-md-start {
justify-content: flex-start !important; }
.pxer-app .justify-content-md-end {
justify-content: flex-end !important; }
.pxer-app .justify-content-md-center {
justify-content: center !important; }
.pxer-app .justify-content-md-between {
justify-content: space-between !important; }
.pxer-app .justify-content-md-around {
justify-content: space-around !important; }
.pxer-app .align-items-md-start {
align-items: flex-start !important; }
.pxer-app .align-items-md-end {
align-items: flex-end !important; }
.pxer-app .align-items-md-center {
align-items: center !important; }
.pxer-app .align-items-md-baseline {
align-items: baseline !important; }
.pxer-app .align-items-md-stretch {
align-items: stretch !important; }
.pxer-app .align-content-md-start {
align-content: flex-start !important; }
.pxer-app .align-content-md-end {
align-content: flex-end !important; }
.pxer-app .align-content-md-center {
align-content: center !important; }
.pxer-app .align-content-md-between {
align-content: space-between !important; }
.pxer-app .align-content-md-around {
align-content: space-around !important; }
.pxer-app .align-content-md-stretch {
align-content: stretch !important; }
.pxer-app .align-self-md-auto {
align-self: auto !important; }
.pxer-app .align-self-md-start {
align-self: flex-start !important; }
.pxer-app .align-self-md-end {
align-self: flex-end !important; }
.pxer-app .align-self-md-center {
align-self: center !important; }
.pxer-app .align-self-md-baseline {
align-self: baseline !important; }
.pxer-app .align-self-md-stretch {
align-self: stretch !important; } }
@media (min-width: 992px) {
.pxer-app .flex-lg-row {
flex-direction: row !important; }
.pxer-app .flex-lg-column {
flex-direction: column !important; }
.pxer-app .flex-lg-row-reverse {
flex-direction: row-reverse !important; }
.pxer-app .flex-lg-column-reverse {
flex-direction: column-reverse !important; }
.pxer-app .flex-lg-wrap {
flex-wrap: wrap !important; }
.pxer-app .flex-lg-nowrap {
flex-wrap: nowrap !important; }
.pxer-app .flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.pxer-app .flex-lg-fill {
flex: 1 1 auto !important; }
.pxer-app .flex-lg-grow-0 {
flex-grow: 0 !important; }
.pxer-app .flex-lg-grow-1 {
flex-grow: 1 !important; }
.pxer-app .flex-lg-shrink-0 {
flex-shrink: 0 !important; }
.pxer-app .flex-lg-shrink-1 {
flex-shrink: 1 !important; }
.pxer-app .justify-content-lg-start {
justify-content: flex-start !important; }
.pxer-app .justify-content-lg-end {
justify-content: flex-end !important; }
.pxer-app .justify-content-lg-center {
justify-content: center !important; }
.pxer-app .justify-content-lg-between {
justify-content: space-between !important; }
.pxer-app .justify-content-lg-around {
justify-content: space-around !important; }
.pxer-app .align-items-lg-start {
align-items: flex-start !important; }
.pxer-app .align-items-lg-end {
align-items: flex-end !important; }
.pxer-app .align-items-lg-center {
align-items: center !important; }
.pxer-app .align-items-lg-baseline {
align-items: baseline !important; }
.pxer-app .align-items-lg-stretch {
align-items: stretch !important; }
.pxer-app .align-content-lg-start {
align-content: flex-start !important; }
.pxer-app .align-content-lg-end {
align-content: flex-end !important; }
.pxer-app .align-content-lg-center {
align-content: center !important; }
.pxer-app .align-content-lg-between {
align-content: space-between !important; }
.pxer-app .align-content-lg-around {
align-content: space-around !important; }
.pxer-app .align-content-lg-stretch {
align-content: stretch !important; }
.pxer-app .align-self-lg-auto {
align-self: auto !important; }
.pxer-app .align-self-lg-start {
align-self: flex-start !important; }
.pxer-app .align-self-lg-end {
align-self: flex-end !important; }
.pxer-app .align-self-lg-center {
align-self: center !important; }
.pxer-app .align-self-lg-baseline {
align-self: baseline !important; }
.pxer-app .align-self-lg-stretch {
align-self: stretch !important; } }
@media (min-width: 1200px) {
.pxer-app .flex-xl-row {
flex-direction: row !important; }
.pxer-app .flex-xl-column {
flex-direction: column !important; }
.pxer-app .flex-xl-row-reverse {
flex-direction: row-reverse !important; }
.pxer-app .flex-xl-column-reverse {
flex-direction: column-reverse !important; }
.pxer-app .flex-xl-wrap {
flex-wrap: wrap !important; }
.pxer-app .flex-xl-nowrap {
flex-wrap: nowrap !important; }
.pxer-app .flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.pxer-app .flex-xl-fill {
flex: 1 1 auto !important; }
.pxer-app .flex-xl-grow-0 {
flex-grow: 0 !important; }
.pxer-app .flex-xl-grow-1 {
flex-grow: 1 !important; }
.pxer-app .flex-xl-shrink-0 {
flex-shrink: 0 !important; }
.pxer-app .flex-xl-shrink-1 {
flex-shrink: 1 !important; }
.pxer-app .justify-content-xl-start {
justify-content: flex-start !important; }
.pxer-app .justify-content-xl-end {
justify-content: flex-end !important; }
.pxer-app .justify-content-xl-center {
justify-content: center !important; }
.pxer-app .justify-content-xl-between {
justify-content: space-between !important; }
.pxer-app .justify-content-xl-around {
justify-content: space-around !important; }
.pxer-app .align-items-xl-start {
align-items: flex-start !important; }
.pxer-app .align-items-xl-end {
align-items: flex-end !important; }
.pxer-app .align-items-xl-center {
align-items: center !important; }
.pxer-app .align-items-xl-baseline {
align-items: baseline !important; }
.pxer-app .align-items-xl-stretch {
align-items: stretch !important; }
.pxer-app .align-content-xl-start {
align-content: flex-start !important; }
.pxer-app .align-content-xl-end {
align-content: flex-end !important; }
.pxer-app .align-content-xl-center {
align-content: center !important; }
.pxer-app .align-content-xl-between {
align-content: space-between !important; }
.pxer-app .align-content-xl-around {
align-content: space-around !important; }
.pxer-app .align-content-xl-stretch {
align-content: stretch !important; }
.pxer-app .align-self-xl-auto {
align-self: auto !important; }
.pxer-app .align-self-xl-start {
align-self: flex-start !important; }
.pxer-app .align-self-xl-end {
align-self: flex-end !important; }
.pxer-app .align-self-xl-center {
align-self: center !important; }
.pxer-app .align-self-xl-baseline {
align-self: baseline !important; }
.pxer-app .align-self-xl-stretch {
align-self: stretch !important; } }
.pxer-app .float-left {
float: left !important; }
.pxer-app .float-right {
float: right !important; }
.pxer-app .float-none {
float: none !important; }
@media (min-width: 576px) {
.pxer-app .float-sm-left {
float: left !important; }
.pxer-app .float-sm-right {
float: right !important; }
.pxer-app .float-sm-none {
float: none !important; } }
@media (min-width: 768px) {
.pxer-app .float-md-left {
float: left !important; }
.pxer-app .float-md-right {
float: right !important; }
.pxer-app .float-md-none {
float: none !important; } }
@media (min-width: 992px) {
.pxer-app .float-lg-left {
float: left !important; }
.pxer-app .float-lg-right {
float: right !important; }
.pxer-app .float-lg-none {
float: none !important; } }
@media (min-width: 1200px) {
.pxer-app .float-xl-left {
float: left !important; }
.pxer-app .float-xl-right {
float: right !important; }
.pxer-app .float-xl-none {
float: none !important; } }
.pxer-app .overflow-auto {
overflow: auto !important; }
.pxer-app .overflow-hidden {
overflow: hidden !important; }
.pxer-app .position-static {
position: static !important; }
.pxer-app .position-relative {
position: relative !important; }
.pxer-app .position-absolute {
position: absolute !important; }
.pxer-app .position-fixed {
position: fixed !important; }
.pxer-app .position-sticky {
position: sticky !important; }
.pxer-app .fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030; }
.pxer-app .fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030; }
@supports (position: sticky) {
.pxer-app .sticky-top {
position: sticky;
top: 0;
z-index: 1020; } }
.pxer-app .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0; }
.pxer-app .sr-only-focusable:active, .pxer-app .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal; }
.pxer-app .shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
.pxer-app .shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
.pxer-app .shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }
.pxer-app .shadow-none {
box-shadow: none !important; }
.pxer-app .w-25 {
width: 25% !important; }
.pxer-app .w-50 {
width: 50% !important; }
.pxer-app .w-75 {
width: 75% !important; }
.pxer-app .w-100 {
width: 100% !important; }
.pxer-app .w-auto {
width: auto !important; }
.pxer-app .h-25 {
height: 25% !important; }
.pxer-app .h-50 {
height: 50% !important; }
.pxer-app .h-75 {
height: 75% !important; }
.pxer-app .h-100 {
height: 100% !important; }
.pxer-app .h-auto {
height: auto !important; }
.pxer-app .mw-100 {
max-width: 100% !important; }
.pxer-app .mh-100 {
max-height: 100% !important; }
.pxer-app .min-vw-100 {
min-width: 100vw !important; }
.pxer-app .min-vh-100 {
min-height: 100vh !important; }
.pxer-app .vw-100 {
width: 100vw !important; }
.pxer-app .vh-100 {
height: 100vh !important; }
.pxer-app .stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0); }
.pxer-app .m-0 {
margin: 0 !important; }
.pxer-app .mt-0,
.pxer-app .my-0 {
margin-top: 0 !important; }
.pxer-app .mr-0,
.pxer-app .mx-0 {
margin-right: 0 !important; }
.pxer-app .mb-0,
.pxer-app .my-0 {
margin-bottom: 0 !important; }
.pxer-app .ml-0,
.pxer-app .mx-0 {
margin-left: 0 !important; }
.pxer-app .m-1 {
margin: 0.25rem !important; }
.pxer-app .mt-1,
.pxer-app .my-1 {
margin-top: 0.25rem !important; }
.pxer-app .mr-1,
.pxer-app .mx-1 {
margin-right: 0.25rem !important; }
.pxer-app .mb-1,
.pxer-app .my-1 {
margin-bottom: 0.25rem !important; }
.pxer-app .ml-1,
.pxer-app .mx-1 {
margin-left: 0.25rem !important; }
.pxer-app .m-2 {
margin: 0.5rem !important; }
.pxer-app .mt-2,
.pxer-app .my-2 {
margin-top: 0.5rem !important; }
.pxer-app .mr-2,
.pxer-app .mx-2 {
margin-right: 0.5rem !important; }
.pxer-app .mb-2,
.pxer-app .my-2 {
margin-bottom: 0.5rem !important; }
.pxer-app .ml-2,
.pxer-app .mx-2 {
margin-left: 0.5rem !important; }
.pxer-app .m-3 {
margin: 1rem !important; }
.pxer-app .mt-3,
.pxer-app .my-3 {
margin-top: 1rem !important; }
.pxer-app .mr-3,
.pxer-app .mx-3 {
margin-right: 1rem !important; }
.pxer-app .mb-3,
.pxer-app .my-3 {
margin-bottom: 1rem !important; }
.pxer-app .ml-3,
.pxer-app .mx-3 {
margin-left: 1rem !important; }
.pxer-app .m-4 {
margin: 1.5rem !important; }
.pxer-app .mt-4,
.pxer-app .my-4 {
margin-top: 1.5rem !important; }
.pxer-app .mr-4,
.pxer-app .mx-4 {
margin-right: 1.5rem !important; }
.pxer-app .mb-4,
.pxer-app .my-4 {
margin-bottom: 1.5rem !important; }
.pxer-app .ml-4,
.pxer-app .mx-4 {
margin-left: 1.5rem !important; }
.pxer-app .m-5 {
margin: 3rem !important; }
.pxer-app .mt-5,
.pxer-app .my-5 {
margin-top: 3rem !important; }
.pxer-app .mr-5,
.pxer-app .mx-5 {
margin-right: 3rem !important; }
.pxer-app .mb-5,
.pxer-app .my-5 {
margin-bottom: 3rem !important; }
.pxer-app .ml-5,
.pxer-app .mx-5 {
margin-left: 3rem !important; }
.pxer-app .p-0 {
padding: 0 !important; }
.pxer-app .pt-0,
.pxer-app .py-0 {
padding-top: 0 !important; }
.pxer-app .pr-0,
.pxer-app .px-0 {
padding-right: 0 !important; }
.pxer-app .pb-0,
.pxer-app .py-0 {
padding-bottom: 0 !important; }
.pxer-app .pl-0,
.pxer-app .px-0 {
padding-left: 0 !important; }
.pxer-app .p-1 {
padding: 0.25rem !important; }
.pxer-app .pt-1,
.pxer-app .py-1 {
padding-top: 0.25rem !important; }
.pxer-app .pr-1,
.pxer-app .px-1 {
padding-right: 0.25rem !important; }
.pxer-app .pb-1,
.pxer-app .py-1 {
padding-bottom: 0.25rem !important; }
.pxer-app .pl-1,
.pxer-app .px-1 {
padding-left: 0.25rem !important; }
.pxer-app .p-2 {
padding: 0.5rem !important; }
.pxer-app .pt-2,
.pxer-app .py-2 {
padding-top: 0.5rem !important; }
.pxer-app .pr-2,
.pxer-app .px-2 {
padding-right: 0.5rem !important; }
.pxer-app .pb-2,
.pxer-app .py-2 {
padding-bottom: 0.5rem !important; }
.pxer-app .pl-2,
.pxer-app .px-2 {
padding-left: 0.5rem !important; }
.pxer-app .p-3 {
padding: 1rem !important; }
.pxer-app .pt-3,
.pxer-app .py-3 {
padding-top: 1rem !important; }
.pxer-app .pr-3,
.pxer-app .px-3 {
padding-right: 1rem !important; }
.pxer-app .pb-3,
.pxer-app .py-3 {
padding-bottom: 1rem !important; }
.pxer-app .pl-3,
.pxer-app .px-3 {
padding-left: 1rem !important; }
.pxer-app .p-4 {
padding: 1.5rem !important; }
.pxer-app .pt-4,
.pxer-app .py-4 {
padding-top: 1.5rem !important; }
.pxer-app .pr-4,
.pxer-app .px-4 {
padding-right: 1.5rem !important; }
.pxer-app .pb-4,
.pxer-app .py-4 {
padding-bottom: 1.5rem !important; }
.pxer-app .pl-4,
.pxer-app .px-4 {
padding-left: 1.5rem !important; }
.pxer-app .p-5 {
padding: 3rem !important; }
.pxer-app .pt-5,
.pxer-app .py-5 {
padding-top: 3rem !important; }
.pxer-app .pr-5,
.pxer-app .px-5 {
padding-right: 3rem !important; }
.pxer-app .pb-5,
.pxer-app .py-5 {
padding-bottom: 3rem !important; }
.pxer-app .pl-5,
.pxer-app .px-5 {
padding-left: 3rem !important; }
.pxer-app .m-n1 {
margin: -0.25rem !important; }
.pxer-app .mt-n1,
.pxer-app .my-n1 {
margin-top: -0.25rem !important; }
.pxer-app .mr-n1,
.pxer-app .mx-n1 {
margin-right: -0.25rem !important; }
.pxer-app .mb-n1,
.pxer-app .my-n1 {
margin-bottom: -0.25rem !important; }
.pxer-app .ml-n1,
.pxer-app .mx-n1 {
margin-left: -0.25rem !important; }
.pxer-app .m-n2 {
margin: -0.5rem !important; }
.pxer-app .mt-n2,
.pxer-app .my-n2 {
margin-top: -0.5rem !important; }
.pxer-app .mr-n2,
.pxer-app .mx-n2 {
margin-right: -0.5rem !important; }
.pxer-app .mb-n2,
.pxer-app .my-n2 {
margin-bottom: -0.5rem !important; }
.pxer-app .ml-n2,
.pxer-app .mx-n2 {
margin-left: -0.5rem !important; }
.pxer-app .m-n3 {
margin: -1rem !important; }
.pxer-app .mt-n3,
.pxer-app .my-n3 {
margin-top: -1rem !important; }
.pxer-app .mr-n3,
.pxer-app .mx-n3 {
margin-right: -1rem !important; }
.pxer-app .mb-n3,
.pxer-app .my-n3 {
margin-bottom: -1rem !important; }
.pxer-app .ml-n3,
.pxer-app .mx-n3 {
margin-left: -1rem !important; }
.pxer-app .m-n4 {
margin: -1.5rem !important; }
.pxer-app .mt-n4,
.pxer-app .my-n4 {
margin-top: -1.5rem !important; }
.pxer-app .mr-n4,
.pxer-app .mx-n4 {
margin-right: -1.5rem !important; }
.pxer-app .mb-n4,
.pxer-app .my-n4 {
margin-bottom: -1.5rem !important; }
.pxer-app .ml-n4,
.pxer-app .mx-n4 {
margin-left: -1.5rem !important; }
.pxer-app .m-n5 {
margin: -3rem !important; }
.pxer-app .mt-n5,
.pxer-app .my-n5 {
margin-top: -3rem !important; }
.pxer-app .mr-n5,
.pxer-app .mx-n5 {
margin-right: -3rem !important; }
.pxer-app .mb-n5,
.pxer-app .my-n5 {
margin-bottom: -3rem !important; }
.pxer-app .ml-n5,
.pxer-app .mx-n5 {
margin-left: -3rem !important; }
.pxer-app .m-auto {
margin: auto !important; }
.pxer-app .mt-auto,
.pxer-app .my-auto {
margin-top: auto !important; }
.pxer-app .mr-auto,
.pxer-app .mx-auto {
margin-right: auto !important; }
.pxer-app .mb-auto,
.pxer-app .my-auto {
margin-bottom: auto !important; }
.pxer-app .ml-auto,
.pxer-app .mx-auto {
margin-left: auto !important; }
@media (min-width: 576px) {
.pxer-app .m-sm-0 {
margin: 0 !important; }
.pxer-app .mt-sm-0,
.pxer-app .my-sm-0 {
margin-top: 0 !important; }
.pxer-app .mr-sm-0,
.pxer-app .mx-sm-0 {
margin-right: 0 !important; }
.pxer-app .mb-sm-0,
.pxer-app .my-sm-0 {
margin-bottom: 0 !important; }
.pxer-app .ml-sm-0,
.pxer-app .mx-sm-0 {
margin-left: 0 !important; }
.pxer-app .m-sm-1 {
margin: 0.25rem !important; }
.pxer-app .mt-sm-1,
.pxer-app .my-sm-1 {
margin-top: 0.25rem !important; }
.pxer-app .mr-sm-1,
.pxer-app .mx-sm-1 {
margin-right: 0.25rem !important; }
.pxer-app .mb-sm-1,
.pxer-app .my-sm-1 {
margin-bottom: 0.25rem !important; }
.pxer-app .ml-sm-1,
.pxer-app .mx-sm-1 {
margin-left: 0.25rem !important; }
.pxer-app .m-sm-2 {
margin: 0.5rem !important; }
.pxer-app .mt-sm-2,
.pxer-app .my-sm-2 {
margin-top: 0.5rem !important; }
.pxer-app .mr-sm-2,
.pxer-app .mx-sm-2 {
margin-right: 0.5rem !important; }
.pxer-app .mb-sm-2,
.pxer-app .my-sm-2 {
margin-bottom: 0.5rem !important; }
.pxer-app .ml-sm-2,
.pxer-app .mx-sm-2 {
margin-left: 0.5rem !important; }
.pxer-app .m-sm-3 {
margin: 1rem !important; }
.pxer-app .mt-sm-3,
.pxer-app .my-sm-3 {
margin-top: 1rem !important; }
.pxer-app .mr-sm-3,
.pxer-app .mx-sm-3 {
margin-right: 1rem !important; }
.pxer-app .mb-sm-3,
.pxer-app .my-sm-3 {
margin-bottom: 1rem !important; }
.pxer-app .ml-sm-3,
.pxer-app .mx-sm-3 {
margin-left: 1rem !important; }
.pxer-app .m-sm-4 {
margin: 1.5rem !important; }
.pxer-app .mt-sm-4,
.pxer-app .my-sm-4 {
margin-top: 1.5rem !important; }
.pxer-app .mr-sm-4,
.pxer-app .mx-sm-4 {
margin-right: 1.5rem !important; }
.pxer-app .mb-sm-4,
.pxer-app .my-sm-4 {
margin-bottom: 1.5rem !important; }
.pxer-app .ml-sm-4,
.pxer-app .mx-sm-4 {
margin-left: 1.5rem !important; }
.pxer-app .m-sm-5 {
margin: 3rem !important; }
.pxer-app .mt-sm-5,
.pxer-app .my-sm-5 {
margin-top: 3rem !important; }
.pxer-app .mr-sm-5,
.pxer-app .mx-sm-5 {
margin-right: 3rem !important; }
.pxer-app .mb-sm-5,
.pxer-app .my-sm-5 {
margin-bottom: 3rem !important; }
.pxer-app .ml-sm-5,
.pxer-app .mx-sm-5 {
margin-left: 3rem !important; }
.pxer-app .p-sm-0 {
padding: 0 !important; }
.pxer-app .pt-sm-0,
.pxer-app .py-sm-0 {
padding-top: 0 !important; }
.pxer-app .pr-sm-0,
.pxer-app .px-sm-0 {
padding-right: 0 !important; }
.pxer-app .pb-sm-0,
.pxer-app .py-sm-0 {
padding-bottom: 0 !important; }
.pxer-app .pl-sm-0,
.pxer-app .px-sm-0 {
padding-left: 0 !important; }
.pxer-app .p-sm-1 {
padding: 0.25rem !important; }
.pxer-app .pt-sm-1,
.pxer-app .py-sm-1 {
padding-top: 0.25rem !important; }
.pxer-app .pr-sm-1,
.pxer-app .px-sm-1 {
padding-right: 0.25rem !important; }
.pxer-app .pb-sm-1,
.pxer-app .py-sm-1 {
padding-bottom: 0.25rem !important; }
.pxer-app .pl-sm-1,
.pxer-app .px-sm-1 {
padding-left: 0.25rem !important; }
.pxer-app .p-sm-2 {
padding: 0.5rem !important; }
.pxer-app .pt-sm-2,
.pxer-app .py-sm-2 {
padding-top: 0.5rem !important; }
.pxer-app .pr-sm-2,
.pxer-app .px-sm-2 {
padding-right: 0.5rem !important; }
.pxer-app .pb-sm-2,
.pxer-app .py-sm-2 {
padding-bottom: 0.5rem !important; }
.pxer-app .pl-sm-2,
.pxer-app .px-sm-2 {
padding-left: 0.5rem !important; }
.pxer-app .p-sm-3 {
padding: 1rem !important; }
.pxer-app .pt-sm-3,
.pxer-app .py-sm-3 {
padding-top: 1rem !important; }
.pxer-app .pr-sm-3,
.pxer-app .px-sm-3 {
padding-right: 1rem !important; }
.pxer-app .pb-sm-3,
.pxer-app .py-sm-3 {
padding-bottom: 1rem !important; }
.pxer-app .pl-sm-3,
.pxer-app .px-sm-3 {
padding-left: 1rem !important; }
.pxer-app .p-sm-4 {
padding: 1.5rem !important; }
.pxer-app .pt-sm-4,
.pxer-app .py-sm-4 {
padding-top: 1.5rem !important; }
.pxer-app .pr-sm-4,
.pxer-app .px-sm-4 {
padding-right: 1.5rem !important; }
.pxer-app .pb-sm-4,
.pxer-app .py-sm-4 {
padding-bottom: 1.5rem !important; }
.pxer-app .pl-sm-4,
.pxer-app .px-sm-4 {
padding-left: 1.5rem !important; }
.pxer-app .p-sm-5 {
padding: 3rem !important; }
.pxer-app .pt-sm-5,
.pxer-app .py-sm-5 {
padding-top: 3rem !important; }
.pxer-app .pr-sm-5,
.pxer-app .px-sm-5 {
padding-right: 3rem !important; }
.pxer-app .pb-sm-5,
.pxer-app .py-sm-5 {
padding-bottom: 3rem !important; }
.pxer-app .pl-sm-5,
.pxer-app .px-sm-5 {
padding-left: 3rem !important; }
.pxer-app .m-sm-n1 {
margin: -0.25rem !important; }
.pxer-app .mt-sm-n1,
.pxer-app .my-sm-n1 {
margin-top: -0.25rem !important; }
.pxer-app .mr-sm-n1,
.pxer-app .mx-sm-n1 {
margin-right: -0.25rem !important; }
.pxer-app .mb-sm-n1,
.pxer-app .my-sm-n1 {
margin-bottom: -0.25rem !important; }
.pxer-app .ml-sm-n1,
.pxer-app .mx-sm-n1 {
margin-left: -0.25rem !important; }
.pxer-app .m-sm-n2 {
margin: -0.5rem !important; }
.pxer-app .mt-sm-n2,
.pxer-app .my-sm-n2 {
margin-top: -0.5rem !important; }
.pxer-app .mr-sm-n2,
.pxer-app .mx-sm-n2 {
margin-right: -0.5rem !important; }
.pxer-app .mb-sm-n2,
.pxer-app .my-sm-n2 {
margin-bottom: -0.5rem !important; }
.pxer-app .ml-sm-n2,
.pxer-app .mx-sm-n2 {
margin-left: -0.5rem !important; }
.pxer-app .m-sm-n3 {
margin: -1rem !important; }
.pxer-app .mt-sm-n3,
.pxer-app .my-sm-n3 {
margin-top: -1rem !important; }
.pxer-app .mr-sm-n3,
.pxer-app .mx-sm-n3 {
margin-right: -1rem !important; }
.pxer-app .mb-sm-n3,
.pxer-app .my-sm-n3 {
margin-bottom: -1rem !important; }
.pxer-app .ml-sm-n3,
.pxer-app .mx-sm-n3 {
margin-left: -1rem !important; }
.pxer-app .m-sm-n4 {
margin: -1.5rem !important; }
.pxer-app .mt-sm-n4,
.pxer-app .my-sm-n4 {
margin-top: -1.5rem !important; }
.pxer-app .mr-sm-n4,
.pxer-app .mx-sm-n4 {
margin-right: -1.5rem !important; }
.pxer-app .mb-sm-n4,
.pxer-app .my-sm-n4 {
margin-bottom: -1.5rem !important; }
.pxer-app .ml-sm-n4,
.pxer-app .mx-sm-n4 {
margin-left: -1.5rem !important; }
.pxer-app .m-sm-n5 {
margin: -3rem !important; }
.pxer-app .mt-sm-n5,
.pxer-app .my-sm-n5 {
margin-top: -3rem !important; }
.pxer-app .mr-sm-n5,
.pxer-app .mx-sm-n5 {
margin-right: -3rem !important; }
.pxer-app .mb-sm-n5,
.pxer-app .my-sm-n5 {
margin-bottom: -3rem !important; }
.pxer-app .ml-sm-n5,
.pxer-app .mx-sm-n5 {
margin-left: -3rem !important; }
.pxer-app .m-sm-auto {
margin: auto !important; }
.pxer-app .mt-sm-auto,
.pxer-app .my-sm-auto {
margin-top: auto !important; }
.pxer-app .mr-sm-auto,
.pxer-app .mx-sm-auto {
margin-right: auto !important; }
.pxer-app .mb-sm-auto,
.pxer-app .my-sm-auto {
margin-bottom: auto !important; }
.pxer-app .ml-sm-auto,
.pxer-app .mx-sm-auto {
margin-left: auto !important; } }
@media (min-width: 768px) {
.pxer-app .m-md-0 {
margin: 0 !important; }
.pxer-app .mt-md-0,
.pxer-app .my-md-0 {
margin-top: 0 !important; }
.pxer-app .mr-md-0,
.pxer-app .mx-md-0 {
margin-right: 0 !important; }
.pxer-app .mb-md-0,
.pxer-app .my-md-0 {
margin-bottom: 0 !important; }
.pxer-app .ml-md-0,
.pxer-app .mx-md-0 {
margin-left: 0 !important; }
.pxer-app .m-md-1 {
margin: 0.25rem !important; }
.pxer-app .mt-md-1,
.pxer-app .my-md-1 {
margin-top: 0.25rem !important; }
.pxer-app .mr-md-1,
.pxer-app .mx-md-1 {
margin-right: 0.25rem !important; }
.pxer-app .mb-md-1,
.pxer-app .my-md-1 {
margin-bottom: 0.25rem !important; }
.pxer-app .ml-md-1,
.pxer-app .mx-md-1 {
margin-left: 0.25rem !important; }
.pxer-app .m-md-2 {
margin: 0.5rem !important; }
.pxer-app .mt-md-2,
.pxer-app .my-md-2 {
margin-top: 0.5rem !important; }
.pxer-app .mr-md-2,
.pxer-app .mx-md-2 {
margin-right: 0.5rem !important; }
.pxer-app .mb-md-2,
.pxer-app .my-md-2 {
margin-bottom: 0.5rem !important; }
.pxer-app .ml-md-2,
.pxer-app .mx-md-2 {
margin-left: 0.5rem !important; }
.pxer-app .m-md-3 {
margin: 1rem !important; }
.pxer-app .mt-md-3,
.pxer-app .my-md-3 {
margin-top: 1rem !important; }
.pxer-app .mr-md-3,
.pxer-app .mx-md-3 {
margin-right: 1rem !important; }
.pxer-app .mb-md-3,
.pxer-app .my-md-3 {
margin-bottom: 1rem !important; }
.pxer-app .ml-md-3,
.pxer-app .mx-md-3 {
margin-left: 1rem !important; }
.pxer-app .m-md-4 {
margin: 1.5rem !important; }
.pxer-app .mt-md-4,
.pxer-app .my-md-4 {
margin-top: 1.5rem !important; }
.pxer-app .mr-md-4,
.pxer-app .mx-md-4 {
margin-right: 1.5rem !important; }
.pxer-app .mb-md-4,
.pxer-app .my-md-4 {
margin-bottom: 1.5rem !important; }
.pxer-app .ml-md-4,
.pxer-app .mx-md-4 {
margin-left: 1.5rem !important; }
.pxer-app .m-md-5 {
margin: 3rem !important; }
.pxer-app .mt-md-5,
.pxer-app .my-md-5 {
margin-top: 3rem !important; }
.pxer-app .mr-md-5,
.pxer-app .mx-md-5 {
margin-right: 3rem !important; }
.pxer-app .mb-md-5,
.pxer-app .my-md-5 {
margin-bottom: 3rem !important; }
.pxer-app .ml-md-5,
.pxer-app .mx-md-5 {
margin-left: 3rem !important; }
.pxer-app .p-md-0 {
padding: 0 !important; }
.pxer-app .pt-md-0,
.pxer-app .py-md-0 {
padding-top: 0 !important; }
.pxer-app .pr-md-0,
.pxer-app .px-md-0 {
padding-right: 0 !important; }
.pxer-app .pb-md-0,
.pxer-app .py-md-0 {
padding-bottom: 0 !important; }
.pxer-app .pl-md-0,
.pxer-app .px-md-0 {
padding-left: 0 !important; }
.pxer-app .p-md-1 {
padding: 0.25rem !important; }
.pxer-app .pt-md-1,
.pxer-app .py-md-1 {
padding-top: 0.25rem !important; }
.pxer-app .pr-md-1,
.pxer-app .px-md-1 {
padding-right: 0.25rem !important; }
.pxer-app .pb-md-1,
.pxer-app .py-md-1 {
padding-bottom: 0.25rem !important; }
.pxer-app .pl-md-1,
.pxer-app .px-md-1 {
padding-left: 0.25rem !important; }
.pxer-app .p-md-2 {
padding: 0.5rem !important; }
.pxer-app .pt-md-2,
.pxer-app .py-md-2 {
padding-top: 0.5rem !important; }
.pxer-app .pr-md-2,
.pxer-app .px-md-2 {
padding-right: 0.5rem !important; }
.pxer-app .pb-md-2,
.pxer-app .py-md-2 {
padding-bottom: 0.5rem !important; }
.pxer-app .pl-md-2,
.pxer-app .px-md-2 {
padding-left: 0.5rem !important; }
.pxer-app .p-md-3 {
padding: 1rem !important; }
.pxer-app .pt-md-3,
.pxer-app .py-md-3 {
padding-top: 1rem !important; }
.pxer-app .pr-md-3,
.pxer-app .px-md-3 {
padding-right: 1rem !important; }
.pxer-app .pb-md-3,
.pxer-app .py-md-3 {
padding-bottom: 1rem !important; }
.pxer-app .pl-md-3,
.pxer-app .px-md-3 {
padding-left: 1rem !important; }
.pxer-app .p-md-4 {
padding: 1.5rem !important; }
.pxer-app .pt-md-4,
.pxer-app .py-md-4 {
padding-top: 1.5rem !important; }
.pxer-app .pr-md-4,
.pxer-app .px-md-4 {
padding-right: 1.5rem !important; }
.pxer-app .pb-md-4,
.pxer-app .py-md-4 {
padding-bottom: 1.5rem !important; }
.pxer-app .pl-md-4,
.pxer-app .px-md-4 {
padding-left: 1.5rem !important; }
.pxer-app .p-md-5 {
padding: 3rem !important; }
.pxer-app .pt-md-5,
.pxer-app .py-md-5 {
padding-top: 3rem !important; }
.pxer-app .pr-md-5,
.pxer-app .px-md-5 {
padding-right: 3rem !important; }
.pxer-app .pb-md-5,
.pxer-app .py-md-5 {
padding-bottom: 3rem !important; }
.pxer-app .pl-md-5,
.pxer-app .px-md-5 {
padding-left: 3rem !important; }
.pxer-app .m-md-n1 {
margin: -0.25rem !important; }
.pxer-app .mt-md-n1,
.pxer-app .my-md-n1 {
margin-top: -0.25rem !important; }
.pxer-app .mr-md-n1,
.pxer-app .mx-md-n1 {
margin-right: -0.25rem !important; }
.pxer-app .mb-md-n1,
.pxer-app .my-md-n1 {
margin-bottom: -0.25rem !important; }
.pxer-app .ml-md-n1,
.pxer-app .mx-md-n1 {
margin-left: -0.25rem !important; }
.pxer-app .m-md-n2 {
margin: -0.5rem !important; }
.pxer-app .mt-md-n2,
.pxer-app .my-md-n2 {
margin-top: -0.5rem !important; }
.pxer-app .mr-md-n2,
.pxer-app .mx-md-n2 {
margin-right: -0.5rem !important; }
.pxer-app .mb-md-n2,
.pxer-app .my-md-n2 {
margin-bottom: -0.5rem !important; }
.pxer-app .ml-md-n2,
.pxer-app .mx-md-n2 {
margin-left: -0.5rem !important; }
.pxer-app .m-md-n3 {
margin: -1rem !important; }
.pxer-app .mt-md-n3,
.pxer-app .my-md-n3 {
margin-top: -1rem !important; }
.pxer-app .mr-md-n3,
.pxer-app .mx-md-n3 {
margin-right: -1rem !important; }
.pxer-app .mb-md-n3,
.pxer-app .my-md-n3 {
margin-bottom: -1rem !important; }
.pxer-app .ml-md-n3,
.pxer-app .mx-md-n3 {
margin-left: -1rem !important; }
.pxer-app .m-md-n4 {
margin: -1.5rem !important; }
.pxer-app .mt-md-n4,
.pxer-app .my-md-n4 {
margin-top: -1.5rem !important; }
.pxer-app .mr-md-n4,
.pxer-app .mx-md-n4 {
margin-right: -1.5rem !important; }
.pxer-app .mb-md-n4,
.pxer-app .my-md-n4 {
margin-bottom: -1.5rem !important; }
.pxer-app .ml-md-n4,
.pxer-app .mx-md-n4 {
margin-left: -1.5rem !important; }
.pxer-app .m-md-n5 {
margin: -3rem !important; }
.pxer-app .mt-md-n5,
.pxer-app .my-md-n5 {
margin-top: -3rem !important; }
.pxer-app .mr-md-n5,
.pxer-app .mx-md-n5 {
margin-right: -3rem !important; }
.pxer-app .mb-md-n5,
.pxer-app .my-md-n5 {
margin-bottom: -3rem !important; }
.pxer-app .ml-md-n5,
.pxer-app .mx-md-n5 {
margin-left: -3rem !important; }
.pxer-app .m-md-auto {
margin: auto !important; }
.pxer-app .mt-md-auto,
.pxer-app .my-md-auto {
margin-top: auto !important; }
.pxer-app .mr-md-auto,
.pxer-app .mx-md-auto {
margin-right: auto !important; }
.pxer-app .mb-md-auto,
.pxer-app .my-md-auto {
margin-bottom: auto !important; }
.pxer-app .ml-md-auto,
.pxer-app .mx-md-auto {
margin-left: auto !important; } }
@media (min-width: 992px) {
.pxer-app .m-lg-0 {
margin: 0 !important; }
.pxer-app .mt-lg-0,
.pxer-app .my-lg-0 {
margin-top: 0 !important; }
.pxer-app .mr-lg-0,
.pxer-app .mx-lg-0 {
margin-right: 0 !important; }
.pxer-app .mb-lg-0,
.pxer-app .my-lg-0 {
margin-bottom: 0 !important; }
.pxer-app .ml-lg-0,
.pxer-app .mx-lg-0 {
margin-left: 0 !important; }
.pxer-app .m-lg-1 {
margin: 0.25rem !important; }
.pxer-app .mt-lg-1,
.pxer-app .my-lg-1 {
margin-top: 0.25rem !important; }
.pxer-app .mr-lg-1,
.pxer-app .mx-lg-1 {
margin-right: 0.25rem !important; }
.pxer-app .mb-lg-1,
.pxer-app .my-lg-1 {
margin-bottom: 0.25rem !important; }
.pxer-app .ml-lg-1,
.pxer-app .mx-lg-1 {
margin-left: 0.25rem !important; }
.pxer-app .m-lg-2 {
margin: 0.5rem !important; }
.pxer-app .mt-lg-2,
.pxer-app .my-lg-2 {
margin-top: 0.5rem !important; }
.pxer-app .mr-lg-2,
.pxer-app .mx-lg-2 {
margin-right: 0.5rem !important; }
.pxer-app .mb-lg-2,
.pxer-app .my-lg-2 {
margin-bottom: 0.5rem !important; }
.pxer-app .ml-lg-2,
.pxer-app .mx-lg-2 {
margin-left: 0.5rem !important; }
.pxer-app .m-lg-3 {
margin: 1rem !important; }
.pxer-app .mt-lg-3,
.pxer-app .my-lg-3 {
margin-top: 1rem !important; }
.pxer-app .mr-lg-3,
.pxer-app .mx-lg-3 {
margin-right: 1rem !important; }
.pxer-app .mb-lg-3,
.pxer-app .my-lg-3 {
margin-bottom: 1rem !important; }
.pxer-app .ml-lg-3,
.pxer-app .mx-lg-3 {
margin-left: 1rem !important; }
.pxer-app .m-lg-4 {
margin: 1.5rem !important; }
.pxer-app .mt-lg-4,
.pxer-app .my-lg-4 {
margin-top: 1.5rem !important; }
.pxer-app .mr-lg-4,
.pxer-app .mx-lg-4 {
margin-right: 1.5rem !important; }
.pxer-app .mb-lg-4,
.pxer-app .my-lg-4 {
margin-bottom: 1.5rem !important; }
.pxer-app .ml-lg-4,
.pxer-app .mx-lg-4 {
margin-left: 1.5rem !important; }
.pxer-app .m-lg-5 {
margin: 3rem !important; }
.pxer-app .mt-lg-5,
.pxer-app .my-lg-5 {
margin-top: 3rem !important; }
.pxer-app .mr-lg-5,
.pxer-app .mx-lg-5 {
margin-right: 3rem !important; }
.pxer-app .mb-lg-5,
.pxer-app .my-lg-5 {
margin-bottom: 3rem !important; }
.pxer-app .ml-lg-5,
.pxer-app .mx-lg-5 {
margin-left: 3rem !important; }
.pxer-app .p-lg-0 {
padding: 0 !important; }
.pxer-app .pt-lg-0,
.pxer-app .py-lg-0 {
padding-top: 0 !important; }
.pxer-app .pr-lg-0,
.pxer-app .px-lg-0 {
padding-right: 0 !important; }
.pxer-app .pb-lg-0,
.pxer-app .py-lg-0 {
padding-bottom: 0 !important; }
.pxer-app .pl-lg-0,
.pxer-app .px-lg-0 {
padding-left: 0 !important; }
.pxer-app .p-lg-1 {
padding: 0.25rem !important; }
.pxer-app .pt-lg-1,
.pxer-app .py-lg-1 {
padding-top: 0.25rem !important; }
.pxer-app .pr-lg-1,
.pxer-app .px-lg-1 {
padding-right: 0.25rem !important; }
.pxer-app .pb-lg-1,
.pxer-app .py-lg-1 {
padding-bottom: 0.25rem !important; }
.pxer-app .pl-lg-1,
.pxer-app .px-lg-1 {
padding-left: 0.25rem !important; }
.pxer-app .p-lg-2 {
padding: 0.5rem !important; }
.pxer-app .pt-lg-2,
.pxer-app .py-lg-2 {
padding-top: 0.5rem !important; }
.pxer-app .pr-lg-2,
.pxer-app .px-lg-2 {
padding-right: 0.5rem !important; }
.pxer-app .pb-lg-2,
.pxer-app .py-lg-2 {
padding-bottom: 0.5rem !important; }
.pxer-app .pl-lg-2,
.pxer-app .px-lg-2 {
padding-left: 0.5rem !important; }
.pxer-app .p-lg-3 {
padding: 1rem !important; }
.pxer-app .pt-lg-3,
.pxer-app .py-lg-3 {
padding-top: 1rem !important; }
.pxer-app .pr-lg-3,
.pxer-app .px-lg-3 {
padding-right: 1rem !important; }
.pxer-app .pb-lg-3,
.pxer-app .py-lg-3 {
padding-bottom: 1rem !important; }
.pxer-app .pl-lg-3,
.pxer-app .px-lg-3 {
padding-left: 1rem !important; }
.pxer-app .p-lg-4 {
padding: 1.5rem !important; }
.pxer-app .pt-lg-4,
.pxer-app .py-lg-4 {
padding-top: 1.5rem !important; }
.pxer-app .pr-lg-4,
.pxer-app .px-lg-4 {
padding-right: 1.5rem !important; }
.pxer-app .pb-lg-4,
.pxer-app .py-lg-4 {
padding-bottom: 1.5rem !important; }
.pxer-app .pl-lg-4,
.pxer-app .px-lg-4 {
padding-left: 1.5rem !important; }
.pxer-app .p-lg-5 {
padding: 3rem !important; }
.pxer-app .pt-lg-5,
.pxer-app .py-lg-5 {
padding-top: 3rem !important; }
.pxer-app .pr-lg-5,
.pxer-app .px-lg-5 {
padding-right: 3rem !important; }
.pxer-app .pb-lg-5,
.pxer-app .py-lg-5 {
padding-bottom: 3rem !important; }
.pxer-app .pl-lg-5,
.pxer-app .px-lg-5 {
padding-left: 3rem !important; }
.pxer-app .m-lg-n1 {
margin: -0.25rem !important; }
.pxer-app .mt-lg-n1,
.pxer-app .my-lg-n1 {
margin-top: -0.25rem !important; }
.pxer-app .mr-lg-n1,
.pxer-app .mx-lg-n1 {
margin-right: -0.25rem !important; }
.pxer-app .mb-lg-n1,
.pxer-app .my-lg-n1 {
margin-bottom: -0.25rem !important; }
.pxer-app .ml-lg-n1,
.pxer-app .mx-lg-n1 {
margin-left: -0.25rem !important; }
.pxer-app .m-lg-n2 {
margin: -0.5rem !important; }
.pxer-app .mt-lg-n2,
.pxer-app .my-lg-n2 {
margin-top: -0.5rem !important; }
.pxer-app .mr-lg-n2,
.pxer-app .mx-lg-n2 {
margin-right: -0.5rem !important; }
.pxer-app .mb-lg-n2,
.pxer-app .my-lg-n2 {
margin-bottom: -0.5rem !important; }
.pxer-app .ml-lg-n2,
.pxer-app .mx-lg-n2 {
margin-left: -0.5rem !important; }
.pxer-app .m-lg-n3 {
margin: -1rem !important; }
.pxer-app .mt-lg-n3,
.pxer-app .my-lg-n3 {
margin-top: -1rem !important; }
.pxer-app .mr-lg-n3,
.pxer-app .mx-lg-n3 {
margin-right: -1rem !important; }
.pxer-app .mb-lg-n3,
.pxer-app .my-lg-n3 {
margin-bottom: -1rem !important; }
.pxer-app .ml-lg-n3,
.pxer-app .mx-lg-n3 {
margin-left: -1rem !important; }
.pxer-app .m-lg-n4 {
margin: -1.5rem !important; }
.pxer-app .mt-lg-n4,
.pxer-app .my-lg-n4 {
margin-top: -1.5rem !important; }
.pxer-app .mr-lg-n4,
.pxer-app .mx-lg-n4 {
margin-right: -1.5rem !important; }
.pxer-app .mb-lg-n4,
.pxer-app .my-lg-n4 {
margin-bottom: -1.5rem !important; }
.pxer-app .ml-lg-n4,
.pxer-app .mx-lg-n4 {
margin-left: -1.5rem !important; }
.pxer-app .m-lg-n5 {
margin: -3rem !important; }
.pxer-app .mt-lg-n5,
.pxer-app .my-lg-n5 {
margin-top: -3rem !important; }
.pxer-app .mr-lg-n5,
.pxer-app .mx-lg-n5 {
margin-right: -3rem !important; }
.pxer-app .mb-lg-n5,
.pxer-app .my-lg-n5 {
margin-bottom: -3rem !important; }
.pxer-app .ml-lg-n5,
.pxer-app .mx-lg-n5 {
margin-left: -3rem !important; }
.pxer-app .m-lg-auto {
margin: auto !important; }
.pxer-app .mt-lg-auto,
.pxer-app .my-lg-auto {
margin-top: auto !important; }
.pxer-app .mr-lg-auto,
.pxer-app .mx-lg-auto {
margin-right: auto !important; }
.pxer-app .mb-lg-auto,
.pxer-app .my-lg-auto {
margin-bottom: auto !important; }
.pxer-app .ml-lg-auto,
.pxer-app .mx-lg-auto {
margin-left: auto !important; } }
@media (min-width: 1200px) {
.pxer-app .m-xl-0 {
margin: 0 !important; }
.pxer-app .mt-xl-0,
.pxer-app .my-xl-0 {
margin-top: 0 !important; }
.pxer-app .mr-xl-0,
.pxer-app .mx-xl-0 {
margin-right: 0 !important; }
.pxer-app .mb-xl-0,
.pxer-app .my-xl-0 {
margin-bottom: 0 !important; }
.pxer-app .ml-xl-0,
.pxer-app .mx-xl-0 {
margin-left: 0 !important; }
.pxer-app .m-xl-1 {
margin: 0.25rem !important; }
.pxer-app .mt-xl-1,
.pxer-app .my-xl-1 {
margin-top: 0.25rem !important; }
.pxer-app .mr-xl-1,
.pxer-app .mx-xl-1 {
margin-right: 0.25rem !important; }
.pxer-app .mb-xl-1,
.pxer-app .my-xl-1 {
margin-bottom: 0.25rem !important; }
.pxer-app .ml-xl-1,
.pxer-app .mx-xl-1 {
margin-left: 0.25rem !important; }
.pxer-app .m-xl-2 {
margin: 0.5rem !important; }
.pxer-app .mt-xl-2,
.pxer-app .my-xl-2 {
margin-top: 0.5rem !important; }
.pxer-app .mr-xl-2,
.pxer-app .mx-xl-2 {
margin-right: 0.5rem !important; }
.pxer-app .mb-xl-2,
.pxer-app .my-xl-2 {
margin-bottom: 0.5rem !important; }
.pxer-app .ml-xl-2,
.pxer-app .mx-xl-2 {
margin-left: 0.5rem !important; }
.pxer-app .m-xl-3 {
margin: 1rem !important; }
.pxer-app .mt-xl-3,
.pxer-app .my-xl-3 {
margin-top: 1rem !important; }
.pxer-app .mr-xl-3,
.pxer-app .mx-xl-3 {
margin-right: 1rem !important; }
.pxer-app .mb-xl-3,
.pxer-app .my-xl-3 {
margin-bottom: 1rem !important; }
.pxer-app .ml-xl-3,
.pxer-app .mx-xl-3 {
margin-left: 1rem !important; }
.pxer-app .m-xl-4 {
margin: 1.5rem !important; }
.pxer-app .mt-xl-4,
.pxer-app .my-xl-4 {
margin-top: 1.5rem !important; }
.pxer-app .mr-xl-4,
.pxer-app .mx-xl-4 {
margin-right: 1.5rem !important; }
.pxer-app .mb-xl-4,
.pxer-app .my-xl-4 {
margin-bottom: 1.5rem !important; }
.pxer-app .ml-xl-4,
.pxer-app .mx-xl-4 {
margin-left: 1.5rem !important; }
.pxer-app .m-xl-5 {
margin: 3rem !important; }
.pxer-app .mt-xl-5,
.pxer-app .my-xl-5 {
margin-top: 3rem !important; }
.pxer-app .mr-xl-5,
.pxer-app .mx-xl-5 {
margin-right: 3rem !important; }
.pxer-app .mb-xl-5,
.pxer-app .my-xl-5 {
margin-bottom: 3rem !important; }
.pxer-app .ml-xl-5,
.pxer-app .mx-xl-5 {
margin-left: 3rem !important; }
.pxer-app .p-xl-0 {
padding: 0 !important; }
.pxer-app .pt-xl-0,
.pxer-app .py-xl-0 {
padding-top: 0 !important; }
.pxer-app .pr-xl-0,
.pxer-app .px-xl-0 {
padding-right: 0 !important; }
.pxer-app .pb-xl-0,
.pxer-app .py-xl-0 {
padding-bottom: 0 !important; }
.pxer-app .pl-xl-0,
.pxer-app .px-xl-0 {
padding-left: 0 !important; }
.pxer-app .p-xl-1 {
padding: 0.25rem !important; }
.pxer-app .pt-xl-1,
.pxer-app .py-xl-1 {
padding-top: 0.25rem !important; }
.pxer-app .pr-xl-1,
.pxer-app .px-xl-1 {
padding-right: 0.25rem !important; }
.pxer-app .pb-xl-1,
.pxer-app .py-xl-1 {
padding-bottom: 0.25rem !important; }
.pxer-app .pl-xl-1,
.pxer-app .px-xl-1 {
padding-left: 0.25rem !important; }
.pxer-app .p-xl-2 {
padding: 0.5rem !important; }
.pxer-app .pt-xl-2,
.pxer-app .py-xl-2 {
padding-top: 0.5rem !important; }
.pxer-app .pr-xl-2,
.pxer-app .px-xl-2 {
padding-right: 0.5rem !important; }
.pxer-app .pb-xl-2,
.pxer-app .py-xl-2 {
padding-bottom: 0.5rem !important; }
.pxer-app .pl-xl-2,
.pxer-app .px-xl-2 {
padding-left: 0.5rem !important; }
.pxer-app .p-xl-3 {
padding: 1rem !important; }
.pxer-app .pt-xl-3,
.pxer-app .py-xl-3 {
padding-top: 1rem !important; }
.pxer-app .pr-xl-3,
.pxer-app .px-xl-3 {
padding-right: 1rem !important; }
.pxer-app .pb-xl-3,
.pxer-app .py-xl-3 {
padding-bottom: 1rem !important; }
.pxer-app .pl-xl-3,
.pxer-app .px-xl-3 {
padding-left: 1rem !important; }
.pxer-app .p-xl-4 {
padding: 1.5rem !important; }
.pxer-app .pt-xl-4,
.pxer-app .py-xl-4 {
padding-top: 1.5rem !important; }
.pxer-app .pr-xl-4,
.pxer-app .px-xl-4 {
padding-right: 1.5rem !important; }
.pxer-app .pb-xl-4,
.pxer-app .py-xl-4 {
padding-bottom: 1.5rem !important; }
.pxer-app .pl-xl-4,
.pxer-app .px-xl-4 {
padding-left: 1.5rem !important; }
.pxer-app .p-xl-5 {
padding: 3rem !important; }
.pxer-app .pt-xl-5,
.pxer-app .py-xl-5 {
padding-top: 3rem !important; }
.pxer-app .pr-xl-5,
.pxer-app .px-xl-5 {
padding-right: 3rem !important; }
.pxer-app .pb-xl-5,
.pxer-app .py-xl-5 {
padding-bottom: 3rem !important; }
.pxer-app .pl-xl-5,
.pxer-app .px-xl-5 {
padding-left: 3rem !important; }
.pxer-app .m-xl-n1 {
margin: -0.25rem !important; }
.pxer-app .mt-xl-n1,
.pxer-app .my-xl-n1 {
margin-top: -0.25rem !important; }
.pxer-app .mr-xl-n1,
.pxer-app .mx-xl-n1 {
margin-right: -0.25rem !important; }
.pxer-app .mb-xl-n1,
.pxer-app .my-xl-n1 {
margin-bottom: -0.25rem !important; }
.pxer-app .ml-xl-n1,
.pxer-app .mx-xl-n1 {
margin-left: -0.25rem !important; }
.pxer-app .m-xl-n2 {
margin: -0.5rem !important; }
.pxer-app .mt-xl-n2,
.pxer-app .my-xl-n2 {
margin-top: -0.5rem !important; }
.pxer-app .mr-xl-n2,
.pxer-app .mx-xl-n2 {
margin-right: -0.5rem !important; }
.pxer-app .mb-xl-n2,
.pxer-app .my-xl-n2 {
margin-bottom: -0.5rem !important; }
.pxer-app .ml-xl-n2,
.pxer-app .mx-xl-n2 {
margin-left: -0.5rem !important; }
.pxer-app .m-xl-n3 {
margin: -1rem !important; }
.pxer-app .mt-xl-n3,
.pxer-app .my-xl-n3 {
margin-top: -1rem !important; }
.pxer-app .mr-xl-n3,
.pxer-app .mx-xl-n3 {
margin-right: -1rem !important; }
.pxer-app .mb-xl-n3,
.pxer-app .my-xl-n3 {
margin-bottom: -1rem !important; }
.pxer-app .ml-xl-n3,
.pxer-app .mx-xl-n3 {
margin-left: -1rem !important; }
.pxer-app .m-xl-n4 {
margin: -1.5rem !important; }
.pxer-app .mt-xl-n4,
.pxer-app .my-xl-n4 {
margin-top: -1.5rem !important; }
.pxer-app .mr-xl-n4,
.pxer-app .mx-xl-n4 {
margin-right: -1.5rem !important; }
.pxer-app .mb-xl-n4,
.pxer-app .my-xl-n4 {
margin-bottom: -1.5rem !important; }
.pxer-app .ml-xl-n4,
.pxer-app .mx-xl-n4 {
margin-left: -1.5rem !important; }
.pxer-app .m-xl-n5 {
margin: -3rem !important; }
.pxer-app .mt-xl-n5,
.pxer-app .my-xl-n5 {
margin-top: -3rem !important; }
.pxer-app .mr-xl-n5,
.pxer-app .mx-xl-n5 {
margin-right: -3rem !important; }
.pxer-app .mb-xl-n5,
.pxer-app .my-xl-n5 {
margin-bottom: -3rem !important; }
.pxer-app .ml-xl-n5,
.pxer-app .mx-xl-n5 {
margin-left: -3rem !important; }
.pxer-app .m-xl-auto {
margin: auto !important; }
.pxer-app .mt-xl-auto,
.pxer-app .my-xl-auto {
margin-top: auto !important; }
.pxer-app .mr-xl-auto,
.pxer-app .mx-xl-auto {
margin-right: auto !important; }
.pxer-app .mb-xl-auto,
.pxer-app .my-xl-auto {
margin-bottom: auto !important; }
.pxer-app .ml-xl-auto,
.pxer-app .mx-xl-auto {
margin-left: auto !important; } }
.pxer-app .text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }
.pxer-app .text-justify {
text-align: justify !important; }
.pxer-app .text-wrap {
white-space: normal !important; }
.pxer-app .text-nowrap {
white-space: nowrap !important; }
.pxer-app .text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.pxer-app .text-left {
text-align: left !important; }
.pxer-app .text-right {
text-align: right !important; }
.pxer-app .text-center {
text-align: center !important; }
@media (min-width: 576px) {
.pxer-app .text-sm-left {
text-align: left !important; }
.pxer-app .text-sm-right {
text-align: right !important; }
.pxer-app .text-sm-center {
text-align: center !important; } }
@media (min-width: 768px) {
.pxer-app .text-md-left {
text-align: left !important; }
.pxer-app .text-md-right {
text-align: right !important; }
.pxer-app .text-md-center {
text-align: center !important; } }
@media (min-width: 992px) {
.pxer-app .text-lg-left {
text-align: left !important; }
.pxer-app .text-lg-right {
text-align: right !important; }
.pxer-app .text-lg-center {
text-align: center !important; } }
@media (min-width: 1200px) {
.pxer-app .text-xl-left {
text-align: left !important; }
.pxer-app .text-xl-right {
text-align: right !important; }
.pxer-app .text-xl-center {
text-align: center !important; } }
.pxer-app .text-lowercase {
text-transform: lowercase !important; }
.pxer-app .text-uppercase {
text-transform: uppercase !important; }
.pxer-app .text-capitalize {
text-transform: capitalize !important; }
.pxer-app .font-weight-light {
font-weight: 300 !important; }
.pxer-app .font-weight-lighter {
font-weight: lighter !important; }
.pxer-app .font-weight-normal {
font-weight: 400 !important; }
.pxer-app .font-weight-bold {
font-weight: 700 !important; }
.pxer-app .font-weight-bolder {
font-weight: bolder !important; }
.pxer-app .font-italic {
font-style: italic !important; }
.pxer-app .text-white {
color: #fff !important; }
.pxer-app .text-primary {
color: #007bff !important; }
.pxer-app a.text-primary:hover, .pxer-app a.text-primary:focus {
color: #0056b3 !important; }
.pxer-app .text-secondary {
color: #6c757d !important; }
.pxer-app a.text-secondary:hover, .pxer-app a.text-secondary:focus {
color: #494f54 !important; }
.pxer-app .text-success {
color: #28a745 !important; }
.pxer-app a.text-success:hover, .pxer-app a.text-success:focus {
color: #19692c !important; }
.pxer-app .text-info {
color: #17a2b8 !important; }
.pxer-app a.text-info:hover, .pxer-app a.text-info:focus {
color: #0f6674 !important; }
.pxer-app .text-warning {
color: #ffc107 !important; }
.pxer-app a.text-warning:hover, .pxer-app a.text-warning:focus {
color: #ba8b00 !important; }
.pxer-app .text-danger {
color: #dc3545 !important; }
.pxer-app a.text-danger:hover, .pxer-app a.text-danger:focus {
color: #a71d2a !important; }
.pxer-app .text-light {
color: #f8f9fa !important; }
.pxer-app a.text-light:hover, .pxer-app a.text-light:focus {
color: #cbd3da !important; }
.pxer-app .text-dark {
color: #343a40 !important; }
.pxer-app a.text-dark:hover, .pxer-app a.text-dark:focus {
color: #121416 !important; }
.pxer-app .text-body {
color: #212529 !important; }
.pxer-app .text-muted {
color: #6c757d !important; }
.pxer-app .text-black-50 {
color: rgba(0, 0, 0, 0.5) !important; }
.pxer-app .text-white-50 {
color: rgba(255, 255, 255, 0.5) !important; }
.pxer-app .text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; }
.pxer-app .text-decoration-none {
text-decoration: none !important; }
.pxer-app .text-break {
word-break: break-word !important;
overflow-wrap: break-word !important; }
.pxer-app .text-reset {
color: inherit !important; }
.pxer-app .visible {
visibility: visible !important; }
.pxer-app .invisible {
visibility: hidden !important; }
.pxer-app .card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem; }
.pxer-app .card > hr {
margin-right: 0;
margin-left: 0; }
.pxer-app .card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; }
.pxer-app .card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.pxer-app .card-body {
flex: 1 1 auto;
padding: 1.25rem; }
.pxer-app .card-title {
margin-bottom: 0.75rem; }
.pxer-app .card-subtitle {
margin-top: -0.375rem;
margin-bottom: 0; }
.pxer-app .card-text:last-child {
margin-bottom: 0; }
.pxer-app .card-link:hover {
text-decoration: none; }
.pxer-app .card-link + .card-link {
margin-left: 1.25rem; }
.pxer-app .card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
.pxer-app .card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
.pxer-app .card-header + .list-group .list-group-item:first-child {
border-top: 0; }
.pxer-app .card-footer {
padding: 0.75rem 1.25rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.125); }
.pxer-app .card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }
.pxer-app .card-header-tabs {
margin-right: -0.625rem;
margin-bottom: -0.75rem;
margin-left: -0.625rem;
border-bottom: 0; }
.pxer-app .card-header-pills {
margin-right: -0.625rem;
margin-left: -0.625rem; }
.pxer-app .card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem; }
.pxer-app .card-img {
width: 100%;
border-radius: calc(0.25rem - 1px); }
.pxer-app .card-img-top {
width: 100%;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px); }
.pxer-app .card-img-bottom {
width: 100%;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px); }
.pxer-app .card-deck {
display: flex;
flex-direction: column; }
.pxer-app .card-deck .card {
margin-bottom: 15px; }
@media (min-width: 576px) {
.pxer-app .card-deck {
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px; }
.pxer-app .card-deck .card {
display: flex;
flex: 1 0 0%;
flex-direction: column;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px; } }
.pxer-app .card-group {
display: flex;
flex-direction: column; }
.pxer-app .card-group > .card {
margin-bottom: 15px; }
@media (min-width: 576px) {
.pxer-app .card-group {
flex-flow: row wrap; }
.pxer-app .card-group > .card {
flex: 1 0 0%;
margin-bottom: 0; }
.pxer-app .card-group > .card + .card {
margin-left: 0;
border-left: 0; }
.pxer-app .card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.pxer-app .card-group > .card:not(:last-child) .card-img-top,
.pxer-app .card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0; }
.pxer-app .card-group > .card:not(:last-child) .card-img-bottom,
.pxer-app .card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0; }
.pxer-app .card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.pxer-app .card-group > .card:not(:first-child) .card-img-top,
.pxer-app .card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0; }
.pxer-app .card-group > .card:not(:first-child) .card-img-bottom,
.pxer-app .card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0; } }
.pxer-app .card-columns .card {
margin-bottom: 0.75rem; }
@media (min-width: 576px) {
.pxer-app .card-columns {
column-count: 3;
column-gap: 1.25rem;
orphans: 1;
widows: 1; }
.pxer-app .card-columns .card {
display: inline-block;
width: 100%; } }
.pxer-app .accordion > .card {
overflow: hidden; }
.pxer-app .accordion > .card:not(:first-of-type) .card-header:first-child {
border-radius: 0; }
.pxer-app .accordion > .card:not(:first-of-type):not(:last-of-type) {
border-bottom: 0;
border-radius: 0; }
.pxer-app .accordion > .card:first-of-type {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.pxer-app .accordion > .card:last-of-type {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.pxer-app .accordion > .card .card-header {
margin-bottom: -1px; }
.pxer-app > * {
background-color: #fff;
border: 1px solid #d6dee5;
border-radius: 5px;
margin-top: 10px;
margin-bottom: 10px;
min-height: 40px;
display: flex; }
.pxer-app .pxer-nav {
background-color: #fff;
justify-content: space-between;
padding: 5px 12px;
align-items: center; }
.pxer-app .pxer-nav .pn-header a, .pxer-app .pxer-nav .pn-header a:active, .pxer-app .pxer-nav .pn-header a:hover {
text-decoration: none;
color: #258fb8;
font-family: sans-serif;
font-size: 24px; }
.pxer-app .pxer-nav .pn-header a small, .pxer-app .pxer-nav .pn-header a:active small, .pxer-app .pxer-nav .pn-header a:hover small {
font-size: 0.3em; }
.pxer-app .pxer-nav .pn-header a:hover {
color: #24749c; }
.pxer-app .pxer-nav .pn-buttons {
display: flex;
align-items: center; }
.pxer-app .pxer-nav .pn-buttons .btn {
margin-left: 10px; }
.pxer-app .pxer-nav .pn-buttons .pnb-warn-number {
background-color: #fd7e14;
font-family: sans-serif;
width: 20px;
height: 20px;
font-size: 14px;
transform: scale(0.7);
line-height: 20px;
color: #fff;
border-radius: 1000px;
display: inline-block;
text-align: center;
margin-left: -20px;
position: relative;
top: -10px;
left: 8px; }
.pxer-app .pxer-fail > table thead tr td {
padding: 3px 12px;
vertical-align: middle;
font-size: 16px; }
.pxer-app .pxer-task-option {
padding: 5px 0; }
.pxer-app .pxer-task-option > * {
margin-left: 12px; }
.pxer-app .pxer-task-option .ptp-buttons {
margin-left: auto;
margin-right: 12px; }
.pxer-app .pxer-task-option .ptp-buttons button {
margin-left: 10px; }
.pxer-app .pxer-print > * {
flex-grow: 1;
margin: 12px; }
.pxer-app .pxer-print .pp-filter, .pxer-app .pxer-print .pp-print {
margin-top: 1.5em;
padding: 12px; }
.pxer-app .pxer-print .pp-print {
width: 35%; }
.pxer-app .pxer-print .pp-print .pppf-buttons {
text-align: right; }
.pxer-app .pxer-print .pp-print .pppf-buttons .pppfb-msg {
padding: 5px;
text-align: left;
border: 1px solid #e9ecef;
color: #6c757d;
border-radius: 1px; }
.pxer-app .pxer-print .pp-filter {
width: 55%; }
.pxer-app .pxer-print .pp-filter .ppf-tag-card .card-body {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 5px;
position: relative;
overflow: hidden; }
.pxer-app .pxer-print .pp-filter .ppf-tag-card .ppf-show-all-tag {
position: absolute;
bottom: 0;
width: 100%;
display: block;
padding: 20px 0 5px;
text-align: center;
cursor: pointer;
color: #258fb8;
background: linear-gradient(rgba(255, 255, 255, 0), white 50%); }
.pxer-app .pxer-print .pp-filter .ppf-tag-card .ppf-tag {
margin: 5px 2px;
cursor: pointer; }
.pxer-app .pxer-print .pp-filter .ppf-tag-card .ppf-tag:last-child {
margin-right: auto; }
.pxer-app input.form-control, .pxer-app select.form-control {
height: 24px;
padding-top: 1px;
padding-bottom: 1px;
line-height: 1em; }
.pxer-app .pxer-class-fieldset {
border: 1px solid #ccc;
position: relative;
padding-top: 1em;
margin-top: 1em; }
.pxer-app .pxer-class-fieldset .pcf-title {
background-color: #fff;
display: inline-block;
position: absolute;
top: -0.75em;
left: 0.45em;
font-size: 16px; }
.pxer-app .text-right {
text-align: right; }
div#wave {
position: relative;
margin-left: auto;
margin-right: auto; }
div#wave .dot {
display: inline-block;
width: 9px;
height: 9px;
border-radius: 50%;
margin-right: 3px;
background: #303131;
animation: wave 1.3s linear infinite; }
div#wave .dot:nth-child(2) {
animation-delay: -1.1s; }
div#wave .dot:nth-child(3) {
animation-delay: -0.9s; }
@keyframes wave {
0%, 60%, 100% {
transform: initial; }
30% {
transform: translateY(-8px); } }
`;
;
// public/favicon.ico
pxer.util.addFile('public/favicon.ico')
;
// https://point.pea3nut.org/sdk/1.0/browser.js
"use strict";
var EventSender = /** @class */ (function () {
function EventSender(remoteUrl, userOptions) {
this.remoteUrl = remoteUrl;
this.userOptions = userOptions;
this.startTime = new Date;
this.content = {};
var that = this;
this.defaultOptions = {
sdk_version: '1.0',
get time() { return new Date; },
get duration() { return new Date().getTime() - that.startTime.getTime(); },
};
}
EventSender.prototype.setContent = function (content) {
Object.assign(this.content, content);
};
EventSender.prototype.send = function (eventFlag, content) {
var mergedContent = Object.assign({}, this.content, content);
var body = Object.assign({}, this.defaultOptions, this.userOptions, {
content: JSON.stringify(mergedContent),
event_flag: eventFlag,
});
this.sendRequest(body);
};
EventSender.prototype.sendRequest = function (body) {
var xhr = new XMLHttpRequest();
xhr.open('POST', this.remoteUrl);
xhr.onload = function () {
if (['2', '3'].includes(xhr.status.toString()[0])) {
var res = JSON.parse(xhr.responseText);
if (res.errcode) {
console.error("Error in point sent! Server response " + xhr.responseText);
}
}
else {
console.error("Error in point sent! Server response HTTP code " + xhr.status);
}
};
xhr.send(JSON.stringify(body));
};
return EventSender;
}());
//# sourceMappingURL=browser.js.map
;
// src/app/util.js
'use strict';
pxer.util = pxer.util || {};
// 全局函数
pxer.util.blinkTitle =function(addMsg ,spaceMsg){
var addMsg =addMsg ||'[ ＯＫ ] ';
var spaceMsg =spaceMsg ||'[ ] ';
var timer =setInterval(()=>{
if(document.title.indexOf(addMsg) !==-1){
document.title =document.title.replace(addMsg ,spaceMsg);
}else if(document.title.indexOf(spaceMsg) !==-1){
document.title =document.title.replace(spaceMsg ,addMsg);
}else{
document.title =addMsg+document.title;
};
},500);
window.addEventListener('mousemove' ,function _self(){
window.addEventListener('mousemove' ,_self);
clearInterval(timer);
document.title =document.title.replace(spaceMsg ,"").replace(addMsg ,"");
});
};
pxer.util.parseURL =function(url=document.URL){
var arr =url.match(/^(?:(https?):)?\/\/([\w_\d.:\-]+?)((?:\/[^\/?]*)*)\/?(?:\?(.+))?$/);
var data ={
protocol:arr[1],
domain:arr[2],
path:arr[3],
query:arr[4],
};
if(data.query && data.query.indexOf('=')!==-1){
data.query ={};
for(let item of arr[4].split('&')){
let tmp =item.split('=');
data.query[tmp[0]]=tmp[1];
};
}
return data;
};
pxer.util.createScript =function(url){
if(!/^(https?:)?\/\//.test(url))url =window['PXER_URL']+url;
var elt =document.createElement('script');
elt.charset='utf-8';
return function(resolve,reject){
elt.addEventListener('load',resolve);
elt.addEventListener('load',function(){
if(window['PXER_MODE']==='dev') console.log('Loaded '+url);
});
elt.addEventListener('error',reject);
elt.src =url;
document.documentElement.appendChild(elt);
return elt;
};
};
pxer.util.createResource =function(url){
if(!/^(https?:)?\/\//.test(url))url =window['PXER_URL']+url;
let fx =url.match(/\.([^\.]+?)$/)[1];
let elt =document.createElement('link');
switch(fx){
case 'css':
elt.rel ='stylesheet';
break;
case 'ico':
elt.rel ='shortcut icon';
elt.type ='image/x-icon';
break;
default:
throw new Error(`unknown filename extension "${fx}"`)
}
return function(resolve,reject){
elt.href =url;
document.documentElement.appendChild(elt);
if(window['PXER_MODE']==='dev') console.log('Linked '+url);
resolve();
};
};
pxer.util.execPromise =function(taskList,call){
var promise =Promise.resolve();
if(Array.isArray(taskList)&&Array.isArray(taskList[0])){
for(let array of taskList){
promise =promise.then(()=>Promise.all(array.map(item=>new Promise(call(item)))));
}
}else if(Array.isArray(taskList)){
for(let item of taskList){
promise =promise.then(()=>new Promise(call(item)));
}
}else{
promise =promise.then(()=>new Promise(call(taskList)));
};
return promise;
};
/**
* 当前页面类型。可能的值
* - bookmark_user 自己/其他人关注的用户列表
* - bookmark_works 自己/其他人收藏的作品
* - member_info 自己/其他人的主页
* - works_medium 查看某个作品
* - works_manga 查看某个多张作品的多张页
* - works_big 查看某个作品的某张图片的大图
* - member_works 自己/其他人作品列表页
* - member_works_new 自己/其他人作品列表页
* - search 检索页
* - index 首页
* - discovery 探索
* - rank 排行榜
* - bookmark_new 关注的新作品
* - unknown 未知
* @param {Document} doc
* @return {string} - 页面类型
* */
pxer.util.getPageType =function(doc = document){
const url = doc.URL;
var URLData = pxer.util.parseURL(url);
switch (true) {
case pxer.regexp.urlWorkDetail.test(URLData.path): return 'works_medium';
}
var type =null;
var isnew =!(Boolean(document.querySelector(".count-badge"))||Boolean(document.querySelector(".profile")));
if(URLData.domain !=='www.pixiv.net')return 'unknown';
if (pxer.regexp.isBookmarksUrl.test(URLData.path)) {
type = 'bookmark_works'
} else if (URLData.path.startsWith('/users/')) {
type = 'member_works_new'
} else if (URLData.path.startsWith('/tags/')) {
type = 'search_tag'
} else if(URLData.path==='/bookmark.php'){
if(URLData.query &&URLData.query.type){
switch(URLData.query.type){
case 'user':
type ='bookmark_user';
break;
default:
type ='unknown';
};
}else{
type ='bookmark_works';
}
}else if(URLData.path==='/bookmark_new_illust.php'){
type ='bookmark_new';
}else if(URLData.path==='/member.php'){
type =isnew?'member_works_new':"member_info";
}else if(URLData.path==='/ranking.php'){
type ='rank';
}else if(URLData.path==='/member_illust.php'){
if(URLData.query&&URLData.query.mode){
switch(URLData.query.mode){
case 'medium':
type ='works_medium';
break;
case 'manga':
type ='works_manga';
break;
case 'manga_big':
type ='works_big';
break;
default:
type ='unknown';
};
}else{
type =isnew?'member_works_new':"member_works";
}
}else if(URLData.path==='/search.php'){
// TODO: Not all of search is carried in SPA
// But new version seems batter?
type ='search_spa';
}else if(URLData.path==='/discovery'){
type ='discovery';
}else if(URLData.path==='/'){
type ='index';
}else{
type ='unknown';
}
return type;
};
/**
* 查询对应页面类型每页作品数量
* @param {string} type - 作品类型
* @return {number} - 每页作品数
*/
pxer.util.getOnePageWorkCount =function(type) {
switch (type) {
case "search_spa":return 48
case "search_tag":return 60
case "search":return 40
case "rank":return 50
case "discovery":return 3000
case "bookmark_works":return 48
case "bookmark_new":return 60
case "member_works_new": return Number.MAX_SAFE_INTEGER
default:return 20
};
}
pxer.util.getIDfromURL =function(key='id', url=document.URL) {
const urlInfo = new URL(url, document.URL);
var query = urlInfo.search;
var params = new URLSearchParams(query);
const result = params.get(key);
if (result) return result;
// read id from url
const matchResult = url.match(/\d{4,}/);
return matchResult ? matchResult[0] : null;
};
pxer.util.fetchPixivApi = async function(url) {
return (
await (
await fetch(
url,
{ credentials: 'include' },
)
).json()
).body;
};
Object.assign(window, pxer.util);
;
// src/app/regexp.js
pxer.regexp = pxer.regexp || {};
pxer.regexp.urlWorkDetail = /\/artworks\/(\d+)/;
pxer.regexp.parseKeyword = /\/tags\/([^\/]+?)\//;
pxer.regexp.isBookmarksUrl = /users\/\d+\/bookmarks\/artworks/;
;
// src/app/PxerData.js
'use strict';
/**
* Pxer任务队列中的任务对象
* @constructor
* @abstract
* */
class PxerRequest{
constructor({url ,html}={}){
this.url=url;
this.html =html;
this.completed =false;
};
}
/**
* 页面任务对象
* @constructor
* @extends {PxerRequest}
* */
class PxerPageRequest extends PxerRequest{
constructor(...argn){
super(...argn);
this.type = argn[0].type;
}
}
/**
* 作品任务对象
* @constructor
* @extends {PxerRequest}
* */
class PxerWorksRequest extends PxerRequest{
constructor({url=[] ,html={} ,type ,isMultiple ,id}={}){
super({url ,html});
this.type =type;//[manga|ugoira|illust]
this.isMultiple =isMultiple;//[true|false]
this.id =id;
}
}
/**
* 作品任务对象
* @constructor
* @extends {PxerRequest}
* */
class PxerFailInfo{
constructor({url,type,task}={}){
this.url =url;
this.type =type;
this.task =task;
}
}
/**
* 抓取到的作品对象
* @constructor
* */
class PxerWorks{
constructor({id ,type ,date ,domain ,tagList ,viewCount ,ratedCount ,fileFormat}={},strict=true){
/**作品ID*/
this.id =id;
/**
* 投稿日期，格式：Y/m/d/h/m/s
* @type {string}
* */
this.date =date;
this.type =type;//[manga|ugoira|illust]
/**作品存放的域名*/
this.domain =domain;
/**
* 作品标签列表
* @type {Array}
* */
this.tagList =tagList;
/**作品被浏览的次数*/
this.viewCount =viewCount;
/**作品被赞的次数*/
this.ratedCount =ratedCount;
/**作品的图片文件扩展名*/
this.fileFormat =fileFormat;
}
}
/**
* 抓取到的多张插画/漫画作品对象
* @extends {PxerWorks}
* @constructor
* */
class PxerMultipleWorks extends PxerWorks{
constructor(data={}){
super(data,false);
/**作品的图片张数*/
this.isMultiple =true;
this.multiple =data.multiple;
}
};
/**
* 抓取到的动图作品对象
* @extends {PxerWorks}
* @constructor
* */
class PxerUgoiraWorks extends PxerWorks{
constructor(data={}){
super(data,false);
this.type ='ugoira';
this.fileFormat='zip';
/**动图动画参数*/
this.frames =data.frames;
}
};
;
// src/app/PxerEvent.js
'use strict';
class PxerEvent{
constructor(eventList=[] ,shortName =true){
this._pe_eventList =eventList;
this._pe_event ={};
this._pe_oneEvent ={};
if(!shortName||typeof Proxy==='undefined') return this
else return new Proxy(this ,{
get(target ,property){
if(property in target){
return target[property];
}else if(target._pe_eventList.indexOf(property) !==-1){
return target.dispatch.bind(target ,property);
}else{
return target[property];
};
},
});
};
on(type, listener){
if(!PxerEvent.check(this ,type ,listener))return false;
if(!this._pe_event[type]) this._pe_event[type]=[];
this._pe_event[type].push(listener);
return true;
};
one(type, listener){
if(!PxerEvent.check(this ,type ,listener))return false;
if(!this._pe_oneEvent[type]) this._pe_oneEvent[type]=[];
this._pe_oneEvent[type].push(listener);
return true;
};
dispatch(type ,...data){
if(this._pe_eventList.indexOf(type) ===-1) return false;
if(this._pe_event[type]) this._pe_event[type].forEach(fn=>fn(...data));
if(this._pe_oneEvent[type]){
this._pe_oneEvent[type].forEach(fn=>fn(...data));
delete this._pe_oneEvent[type];
}
if(this._pe_event['*']) this._pe_event['*'].forEach(fn=>fn(...data));
if(this._pe_oneEvent['*']){
this._pe_oneEvent['*'].forEach(fn=>fn(...data));
delete this._pe_oneEvent['*'];
}
return true;
};
off(eventType, listener){
if(!PxerEvent.checkEvent(this ,eventType)) return false;
if(listener &&!PxerEvent.checkListener(listener)) return false;
if(eventType ===true){
this._pe_event ={};
this._pe_oneEvent ={};
return true;
};
if(listener===true || listener==='*'){
delete this._pe_event[eventType];
delete this._pe_oneEvent[eventType];
return true;
};
let index1 = this._pe_event[type].lastIndexOf(listener);
if (index1 !== -1) {
this._pe_event[type].splice(index1, 1);
};
let index2 =this._pe_oneEvent[type].lastIndexOf(listener);
if(index2 !== -1){
this._pe_oneEvent[type].splice(index2 ,1);
};
return true;
};
};
PxerEvent.check =function(pe ,eventType ,listener){
return PxerEvent.checkEvent(pe ,eventType)&&PxerEvent.checkListener(listener);
};
PxerEvent.checkEvent =function(pe ,eventType){
if(eventType !=='*' &&pe._pe_eventList.indexOf(eventType) ===-1){
console.warn(`PxerEvent : "${eventType}" is not in eventList[${pe._pe_eventList}]`);
return false;
};
return true;
};
PxerEvent.checkListener =function(listener){
if(!(listener instanceof Function || listener===true || listener==='*')){
console.warn(`PxerEvent: "${listener}" is not a function`);
return false;
};
return true;
};
;
// src/view/i18n.js
pxer.t = function (key) {
const defaultLang = 'en';
return (
pxer.util.get(pxer.i18nMap[pxer.lang], key)
|| pxer.util.get(pxer.i18nMap[defaultLang], key)
|| key
);
};
;
// public/i18n/en.json
pxer.util.set(pxer, 'i18nMap.en', {
"phrase": {
"taskInfo": "`There are ${worksNum} works and ${address} picture address.<br />The single works is ${(single/worksNum*100).toFixed(1)}%<br /> and the multiple works ${(multiple/worksNum*100).toFixed(1)}%<br />`",
"blockOpen": "Pxer:\nThe browser blocked Pup-up window. Please check the hint of browser and allow it.",
"likeProportion": "Input a number less than 1",
"pointPage": "There is a page to show url of pictures. <strong>Don't</strong> openning in the browser. You can copy them to the downloader tools for download picture.<br />Have no idea? Look at <a href=\"https://github.com/FoXZilla/Pxer/issues/166\" target=\"_blank\">there</a> for what does the senior .<br />"
},
"button": {
"selectAll": "Select All",
"retryTheSelected": "Retry Selected",
"preview": "Preview",
"print": "Print",
"showAll": "Show All",
"crawl": "Get",
"load": "Load",
"stop": "Stop",
"option": "Option",
"apply": "Apply",
"successBut": "Trouble"
},
"option": {
"ugoiraMax": "Max ZIP",
"ugoira600p": "600p ZIP",
"ugoiraConfig": "config",
"max": "MAX",
"cover600p": "Cover Only(600p)",
"no": "No"
},
"label": {
"pictureId": "ID",
"reason": "Reason",
"way": "Way",
"onlyGetTop": "Only get top:",
"onlyGetBeforeId": "Only get the picture before id (newer than that):",
"likeCount": "Like Count",
"viewCount": "View Count",
"singleIllust": "Single Illust",
"multipleIllust": "Multiple Illust",
"singleManga": "Single Manga",
"multipleManga": "Multiple Manga",
"ugoira": "Ugoira",
"likeProportion": "Like Proportion",
"whatever": "Whatever",
"exclude": "Exclude",
"mustInclude": "Must Include"
},
"title": {
"printOptions": "Print Options",
"filterByTag": "Filter by tag",
"filterOptions": "Filter Options"
},
"pageType": {
"member_works": "List of Works",
"member_works_new": "SPA List of Works",
"search": "Search",
"search_spa": "SPA Tag Search",
"search_tag": "Tag Search",
"bookmark_works": "List of bookmark",
"rank": "Rank",
"bookmark_new": "New Works",
"discovery": "Discovery",
"unknown": "Unknown"
},
"hello": "yahello"
})
;
// public/i18n/zh.json
pxer.util.set(pxer, 'i18nMap.zh', {
"phrase": {
"taskInfo": "`共计${worksNum}个作品，${address}个下载地址。<br />单张图片作品占 ${(single/worksNum*100).toFixed(1)}%<br />多张图片作品占 ${(multiple/worksNum*100).toFixed(1)}%<br />`",
"blockOpen": "Pxer:\n浏览器拦截了弹出窗口，请检查浏览器提示，设置允许此站点的弹出式窗口。",
"likeProportion": "若输入，则必须为一个小于1的数字",
"pointPage": "这个页面是抓取到的下载地址，<strong>不要</strong>直接在浏览器打开，你可以将它们复制到第三方下载工具中下载<br />不知道用什么工具？<a href=\"https://github.com/FoXZilla/Pxer/issues/8\" target=\"_blank\">访问这里</a>来看看大家都在用什么工具下载<br />"
},
"button": {
"selectAll": "全选",
"retryTheSelected": "重试选中",
"preview": "预览",
"print": "输出",
"showAll": "展开全部",
"crawl": "抓取",
"load": "载入",
"stop": "停止",
"option": "设置",
"apply": "保存",
"successBut": "部分成功"
},
"option": {
"ugoiraMax": "最大压缩包",
"ugoira600p": "600p压缩包",
"ugoiraConfig": "参数",
"max": "最大",
"cover600p": "仅封面（600p）",
"no": "不输出"
},
"label": {
"pictureId": "图片ID",
"reason": "失败原因",
"way": "解决方案",
"onlyGetTop": "仅抓取前x副：",
"onlyGetBeforeId": "仅抓取id为x之前的（比x更加新的）：",
"likeCount": "点赞数",
"viewCount": "浏览数",
"singleIllust": "单张插画",
"multipleIllust": "多张插画",
"singleManga": "单张漫画",
"multipleManga": "多张漫画",
"ugoira": "动图",
"likeProportion": "点赞率",
"whatever": "无所谓",
"exclude": "不能包含",
"mustInclude": "必须包含"
},
"title": {
"printOptions": "输出选项",
"filterByTag": "按标签过滤",
"filterOptions": "过滤选项"
},
"pageType": {
"member_works": "作品列表页",
"member_works_new": "作品列表页_",
"search": "检索页",
"search_spa": "SPA检索页",
"search_tag": "标签搜索页",
"bookmark_works": "收藏列表页",
"rank": "排行榜",
"bookmark_new": "关注的新作品",
"discovery": "探索",
"unknown": "未知"
},
"hello": "你好"
})
;
// public/i18n/ja.json
pxer.util.set(pxer, 'i18nMap.ja', {
"phrase": {
"taskInfo": "`小計${worksNum}個作品，${address}個ダウンロードアドレス。<br />シングル画像作品割合 ${(single/worksNum*100).toFixed(1)}%<br />複数画像作品割合 ${(multiple/worksNum*100).toFixed(1)}%<br />`",
"blockOpen": "Pxer:\nブラウザでポップアップがブロックされています。ブラウザのプロンプトを確認して、このサイトのポップアップブロックを許可する操作を行ってください。",
"likeProportion": "1 未満の数値を入力してください。",
"pointPage": "このページはクロールされたダウンロードアドレスです。ブラウザで直接<strong>開かないで下さい</strong>。サードパーティのダウンロードツールにコピーして実行します。<br />適用ツールが分からない場合<a href=\"https://github.com/FoXZilla/Pxer/issues/8\" target=\"_blank\">こちら</a>皆さんはどんなツールが使用していますか<br />"
},
"button": {
"selectAll": "全て選択",
"retryTheSelected": "選択を再試行",
"preview": "プレビュー",
"print": "プリント",
"showAll": "全て表示",
"crawl": "クロール",
"load": "ロード",
"stop": "ストップ",
"option": "設定",
"apply": "適用",
"successBut": "トラブル"
},
"option": {
"ugoiraMax": "Max ZIP",
"ugoira600p": "600p ZIP",
"ugoiraConfig": "config",
"max": "Max",
"cover600p": "カバーのみ（600p）",
"no": "プリント不要"
},
"label": {
"pictureId": "画像ID",
"reason": "失敗原因",
"way": "解決方法",
"onlyGetTop": "Top X 枚のみ：",
"onlyGetBeforeId": "ID＜Xの画像のみ：",
"likeCount": "いいね！数",
"viewCount": "ビュー数",
"singleIllust": "シングルイラスト",
"multipleIllust": "複数のイラスト",
"singleManga": "シングル漫画",
"multipleManga": "複数の漫画",
"ugoira": "うごイラ",
"likeProportion": "いいね！割合",
"whatever": "何でもOK",
"exclude": "含まない",
"mustInclude": "含む必要"
},
"title": {
"printOptions": "プリントオプション",
"filterByTag": "タグでフィルター",
"filterOptions": "フィルターオプション"
},
"pageType": {
"member_works": "作品リスト",
"member_works_new": "SPA 作品リスト",
"search": "検索",
"search_spa": "SPA タグ検索",
"search_tag": "タグ検索",
"bookmark_works": "お気に入りリスト",
"rank": "ランク",
"bookmark_new": "お気に入り新作品",
"discovery": "発見",
"unknown": "アンノウン"
},
"hello": "ようこそ"
})
;
// src/app/PxerFilter.js
'use strict';
class PxerFilter{
/**
* @param {Object} config - 过滤参数
* @see PxerFilter.filterInfo
* @see PxerFilter.filterTag
* */
constructor(config){
/**
* 每次过滤后得到的累计的作品集合
* @type {PxerWorks[]}
* */
this.passWorks =[];
/**
* 过滤的配置信息
* @see PxerFilter.filterInfo
* @see PxerFilter.filterTag
* */
this.config =Object.assign(PxerFilter.defaultConfig(),config);
};
/**
* 对作品进行过滤
* @param {PxerWorks[]} worksList - 要过滤的作品数组
* @return {PxerWorks[]} - 过滤后的结果
* */
filter(worksList){
var resultSet =PxerFilter.filterInfo(PxerFilter.filterTag(worksList,this.config) ,this.config);
this.passWorks.push(...resultSet);
return resultSet;
};
};
/**
* 返回PxerFilter的默认配置参数
* @see PxerFilter.filterInfo
* @see PxerFilter.filterTag
* */
PxerFilter.defaultConfig =function(){
return{
"rated" :0,//赞的数量
"rated_pro" :0,//点赞率
"view" :0,//浏览数
"has_tag_every" :[], // 作品中不能含有以下任意一个标签
"has_tag_some" :[], // 作品中不能同时含有以下所有标签
"no_tag_any" :[], // 作品中必须含有以下任意一个标签
"no_tag_every" :[], // 作品中必须同时含有以下所有标签
};
};
/**
* 根据标签作品信息过滤作品
* @param {PxerWorks[]} worksList
* @param {number} rated - 作品不小于的赞的数量
* @param {number} rated_pro - 作品不小于的点赞率，小于0的数字
* @param {number} view - 作品不小于的浏览数
* @return {PxerWorks[]}
* */
PxerFilter.filterInfo =function(worksList ,{rated=0,rated_pro=0,view=0}){
return worksList.filter(function(works){
return works.ratedCount >= rated
&& works.viewCount >= view
&& (works.ratedCount/works.viewCount) >= rated_pro
});
};
/**
* 根据标签过滤作品
* @param {PxerWorks[]} worksList
* @param {string[]} no_tag_any - 作品中不能含有里面的任意一个标签
* @param {string[]} no_tag_every - 作品中不能同时含有里面的所有标签
* @param {string[]} has_tag_some - 作品中必须含有有里面的任意一个标签
* @param {string[]} has_tag_every - 作品中必须同时含有里面的所有标签
* @return {PxerWorks[]}
* */
PxerFilter.filterTag =function(worksList ,{has_tag_every,has_tag_some,no_tag_any,no_tag_every}){
var passWorks =worksList;
if(has_tag_every && has_tag_every.length !==0){
passWorks =passWorks.filter(function(works){
return has_tag_every.every(tag=>works.tagList.indexOf(tag)!==-1);
});
};
if(has_tag_some && has_tag_some.length !==0){
passWorks =passWorks.filter(function(works){
return has_tag_some.some(tag=>works.tagList.indexOf(tag)!==-1);
});
};
if(no_tag_any && no_tag_any.length !==0){
passWorks =passWorks.filter(function(works){
return !no_tag_any.some(tag=>works.tagList.indexOf(tag)!==-1);
});
};
if(no_tag_every && no_tag_every.length !==0){
passWorks =passWorks.filter(function(works){
return !no_tag_every.every(tag=>works.tagList.indexOf(tag)!==-1);
});
};
return passWorks;
};
;
// src/app/PxerHtmlParser.js
'use strict';
class PxerHtmlParser{
constructor(){
throw new Error('PxerHtmlParse could not construct');
};
};
/**
* 解析页码任务对象
* @param {PxerPageRequest} task - 抓取后的页码任务对象
* @return {PxerWorksRequest[]|false} - 解析得到的作品任务对象
* */
PxerHtmlParser.parsePage = function (task) {
if (!(task instanceof PxerPageRequest)) {
window['PXER_ERROR'] = 'PxerHtmlParser.parsePage: task is not PxerPageRequest';
return false;
}
if (!task.url || !task.html) {
window['PXER_ERROR'] = 'PxerHtmlParser.parsePage: task illegal';
return false;
}
const parseList = function (elt) {
return JSON.parse(elt.getAttribute('data-items'))
.filter(i => !i.isAdContainer) // skip AD
;
};
var taskList = [];
switch (task.type) {
case "userprofile_manga":
case "userprofile_illust":
case "userprofile_all":
var response = JSON.parse(task.html).body
if (task.type!=="userprofile_illust") {
for (let elt in response.manga) {
let tsk = new PxerWorksRequest({
html: {},
type: null,
isMultiple: null,
id: elt,
})
tsk.url = PxerHtmlParser.getUrlList(tsk)
taskList.push(tsk)
}
}
if (task.type!=="userprofile_manga") {
for (let elt in response.illusts) {
var tsk = new PxerWorksRequest({
html: {},
type: null,
isMultiple: null,
id: elt,
})
tsk.url = PxerHtmlParser.getUrlList(tsk)
taskList.push(tsk)
}
}
break;
case "bookmark_works":
var response = JSON.parse(task.html).body
for (let worki in response.works) {
let work = response.works[worki];
let tsk = new PxerWorksRequest({
html: {},
type: this.parseIllustType(work.illustType),
isMultiple: work.pageCount>1,
id: work.id,
})
tsk.url = PxerHtmlParser.getUrlList(tsk)
taskList.push(tsk)
}
break;
case "member_works":
var dom = PxerHtmlParser.HTMLParser(task.html);
var elts = dom.body.querySelectorAll('a.work._work');
for (let elt of elts) {
var task = new PxerWorksRequest({
html: {},
type: function(elt) {
switch (true) {
case elt.matches('.ugoku-illust'): return "ugoira";
case elt.matches('.manga'): return "manga";
default: return "illust";
}
}(elt),
isMultiple: elt.matches(".multiple"),
id: elt.getAttribute('href').match(/illust_id=(\d+)/)[1]
});
task.url = PxerHtmlParser.getUrlList(task);
taskList.push(task);
};
break;
case "rank":
var data = JSON.parse(task.html);
for (var task of data['contents']) {
var task = new PxerWorksRequest({
html: {},
type: this.parseIllustType(task['illust_type']),
isMultiple: task['illust_page_count'] > 1,
id: task['illust_id'].toString(),
});
task.url = PxerHtmlParser.getUrlList(task);
taskList.push(task);
};
break;
case "discovery":
var data =JSON.parse(task.html);
for (var id of data.recommendations) {
var task = new PxerWorksRequest({
html: {},
type: null,
isMultiple: null,
id : id.toString(),
});
task.url = PxerHtmlParser.getUrlList(task);
taskList.push(task);
};
break;
case "search":
var dom = PxerHtmlParser.HTMLParser(task.html);
var searchData = parseList(dom.body.querySelector("input#js-mount-point-search-result-list"));
for (var searchItem of searchData) {
var task = new PxerWorksRequest({
html: {},
type: this.parseIllustType(searchItem.illustType),
isMultiple: searchItem.pageCount > 1,
id: searchItem.illustId
});
task.url = PxerHtmlParser.getUrlList(task);
taskList.push(task);
};
break;
case "bookmark_new":
var data = JSON.parse(task.html);
for (var task of data.body.thumbnails.illust) {
var task = new PxerWorksRequest({
html : {},
type : this.parseIllustType(task.illustType),
isMultiple: task.pageCount > 1,
id : task.id,
});
task.url = PxerHtmlParser.getUrlList(task);
taskList.push(task);
};
break;
case "search_spa":
case "search_tag":
var response = JSON.parse(task.html).body;
for (let illust of response.illustManga.data) {
var tsk = new PxerWorksRequest({
html: {},
type: null,
isMultiple: null,
id: illust.id,
});
tsk.url = PxerHtmlParser.getUrlList(tsk)
taskList.push(tsk)
}
break;
default:
const msg = `Unknown PageWorks type ${task.type}`;
pxer.log(msg);
throw new Error(msg);
};
if (taskList.length<1) {
window['PXER_ERROR'] = 'PxerHtmlParser.parsePage: result empty';
return false;
};
return taskList;
};
/**
* 解析作品任务对象
* @param {PxerWorksRequest} task - 抓取后的页码任务对象
* @return {PxerWorks} - 解析得到的作品任务对象
* */
PxerHtmlParser.parseWorks =function(task){
if(!(task instanceof PxerWorksRequest)){
window['PXER_ERROR'] ='PxerHtmlParser.parseWorks: task is not PxerWorksRequest';
return false;
}
if(!task.url.every(item=>task.html[item])){
window['PXER_ERROR'] ='PxerHtmlParser.parseWorks: task illegal';
return false;
}
for(let url in task.html){
let data ={
dom :PxerHtmlParser.HTMLParser(task.html[url]),
task: task,
};
try{
var pw= PxerHtmlParser.parseMediumHtml(data);
}catch(e){
pxer.log(`Error in parsing task of`, task);
pxer.log(e);
window['PXER_ERROR'] =`${task.id}:${e.message}`;
if(window['PXER_MODE']==='dev')console.error(task ,e);
return false;
}
};
return pw;
};
/**
* @param {PxerWorksRequest} task
* @return {Array}
* */
PxerHtmlParser.getUrlList =function(task){
return ["https://www.pixiv.net/member_illust.php?mode=medium&illust_id="+task.id];
};
PxerHtmlParser.parseMediumHtml =function({task,dom}){
var illustData = JSON.parse(task.html[pxer.URLGetter.illustInfoById(task.id)]).body;
var pw;
switch (true) {
case illustData.illustType===2: pw = new PxerUgoiraWorks(); break;
case illustData.pageCount>1: pw = new PxerMultipleWorks(); break;
default: pw = new PxerWorks(); break;
}
pw.id = task.id;
pw.type = this.parseIllustType(illustData.illustType);
pw.tagList = illustData.tags.tags.map(e=>e.tag);
pw.viewCount = illustData.viewCount;
pw.ratedCount = illustData.bookmarkCount;
if (pw instanceof PxerMultipleWorks) {
pw.multiple = illustData.pageCount;
}
if (pw.type ==="ugoira"){
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://www.pixiv.net/ajax/illust/"+ task.id + "/ugoira_meta", false);
xhr.send();
var meta = JSON.parse(xhr.responseText);
let src = meta['body']['originalSrc'];
let URLObj = parseURL(src);
pw.domain = URLObj.domain;
pw.date =src.match(PxerHtmlParser.REGEXP['getDate'])[1];
pw.frames ={
framedef:meta['body']['frames'],
height:illustData.height,
width:illustData.width,
};
} else {
let src = illustData.urls.original;
let URLObj = parseURL(src);
pw.domain = URLObj.domain;
pw.date = src.match(PxerHtmlParser.REGEXP['getDate'])[1];
pw.fileFormat =src.match(/\.(jpg|gif|png)$/)[1];
};
return pw;
};
PxerHtmlParser.parseIllustType =function(type){
switch (type.toString()) {
case "0":
case "illust":
return "illust";
case "1":
case "manga":
return "manga";
case "2":
case "ugoira":
return "ugoira";
}
return null;
}
PxerHtmlParser.REGEXP ={
'getDate':/img\/((?:\d+\/){5}\d+)/,
'getInitData':/\{token:.*\}(?=\);)/
};
PxerHtmlParser.HTMLParser =function(aHTMLString){
var dom =document.implementation.createHTMLDocument('');
dom.documentElement.innerHTML =aHTMLString;
return dom;
};
/**@param {Element} img*/
PxerHtmlParser.getImageUrl =function(img){
return img.getAttribute('src')||img.getAttribute('data-src');
};
PxerHtmlParser.parseObjectLiteral = function() {
// Javascript object literal parser
// Splits an object literal string into a set of top-level key-value pairs
// (c) Michael Best (https://github.com/mbest)
// License: MIT (http://www.opensource.org/licenses/mit-license.php)
// Version 2.1.0
// https://github.com/mbest/js-object-literal-parse
// This parser is inspired by json-sans-eval by Mike Samuel (http://code.google.com/p/json-sans-eval/)
// These two match strings, either with double quotes or single quotes
var stringDouble = '"(?:[^"\\\\]|\\\\.)*"',
stringSingle = "'(?:[^'\\\\]|\\\\.)*'",
// Matches a regular expression (text enclosed by slashes), but will also match sets of divisions
// as a regular expression (this is handled by the parsing loop below).
stringRegexp = '/(?:[^/\\\\]|\\\\.)*/\w*',
// These characters have special meaning to the parser and must not appear in the middle of a
// token, except as part of a string.
specials = ',"\'{}()/:[\\]',
// Match text (at least two characters) that does not contain any of the above special characters,
// although some of the special characters are allowed to start it (all but the colon and comma).
// The text can contain spaces, but leading or trailing spaces are skipped.
everyThingElse = '[^\\s:,/][^' + specials + ']*[^\\s' + specials + ']',
// Match any non-space character not matched already. This will match colons and commas, since they're
// not matched by "everyThingElse", but will also match any other single character that wasn't already
// matched (for example: in "a: 1, b: 2", each of the non-space characters will be matched by oneNotSpace).
oneNotSpace = '[^\\s]',
// Create the actual regular expression by or-ing the above strings. The order is important.
token = RegExp(stringDouble + '|' + stringSingle + '|' + stringRegexp + '|' + everyThingElse + '|' + oneNotSpace, 'g'),
// Match end of previous token to determine whether a slash is a division or regex.
divisionLookBehind = /[\])"'A-Za-z0-9_$]+$/,
keywordRegexLookBehind = {'in':1,'return':1,'typeof':1};
function trim(string) {
return string == null ? '' :
string.trim ?
string.trim() :
string.toString().replace(/^[\s\xa0]+|[\s\xa0]+$/g, '');
}
return function(objectLiteralString) {
// Trim leading and trailing spaces from the string
var str = trim(objectLiteralString);
// Trim braces '{' surrounding the whole object literal
if (str.charCodeAt(0) === 123)
str = str.slice(1, -1);
// Split into tokens
var result = [],
toks = str.match(token),
key, values = [], depth = 0;
if (toks) {
// Append a comma so that we don't need a separate code block to deal with the last item
toks.push(',');
for (var i = 0, tok; tok = toks[i]; ++i) {
var c = tok.charCodeAt(0);
// A comma signals the end of a key/value pair if depth is zero
if (c === 44) { // ","
if (depth <= 0) {
if (!key && values.length === 1) {
key = values.pop();
}
result.push([key, values.length ? values.join('') : undefined]);
key = undefined;
values = [];
depth = 0;
continue;
}
// Simply skip the colon that separates the name and value
} else if (c === 58) { // ":"
if (!depth && !key && values.length === 1) {
key = values.pop();
continue;
}
// A set of slashes is initially matched as a regular expression, but could be division
} else if (c === 47 && i && tok.length > 1) { // "/"
// Look at the end of the previous token to determine if the slash is actually division
var match = toks[i-1].match(divisionLookBehind);
if (match && !keywordRegexLookBehind[match[0]]) {
// The slash is actually a division punctuator; re-parse the remainder of the string (not including the slash)
str = str.substr(str.indexOf(tok) + 1);
toks = str.match(token);
toks.push(',');
i = -1;
// Continue with just the slash
tok = '/';
}
// Increment depth for parentheses, braces, and brackets so that interior commas are ignored
} else if (c === 40 || c === 123 || c === 91) { // '(', '{', '['
++depth;
} else if (c === 41 || c === 125 || c === 93) { // ')', '}', ']'
--depth;
// The key will be the first token; if it's a string, trim the quotes
} else if (!key && !values.length && (c === 34 || c === 39)) { // '"', "'"
tok = tok.slice(1, -1);
}
values.push(tok);
}
}
return result;
}
}()
PxerHtmlParser.getKeyFromStringObjectLiteral =function(s, key) {
var resolvedpairs = this.parseObjectLiteral(s);
for (var pair of resolvedpairs) {
if (pair[0] ===key) return pair[1];
}
return false;
};
pxer.URLGetter = {
illustInfoById(id) {
return 'https://www.pixiv.net/ajax/illust/' + id;
},
search({ url = document.URL, page = 0 } = {}){
const defaultQueryString = 's_mode=s_tag_full';
const queryString = url.split('?')[1];
const query = new URLSearchParams(queryString);
const tagsMatch = url.match(pxer.regexp.parseKeyword);
let word = null;
if (tagsMatch) {
word = tagsMatch[1];
} else {
word = encodeURIComponent(query.get('word'));
}
return `https://www.pixiv.net/ajax/search/artworks/${word}?${defaultQueryString}&${queryString}&p=${page + 1}`;
},
bookmarkNew({ page = 0 }) {
return "https://www.pixiv.net/ajax/follow_latest/illust?mode=all&lang=zh&p=" + (page + 1)
},
};
;
// src/app/PxerPrinter.js
class PxerPrinter{
constructor(config){
/**
* 计算得到的下载地址
* @type {string[]}
* */
this.address =[];
/**计算得到的任务信息*/
this.taskInfo ='';
/**剥离的动图参数*/
this.ugoiraFrames ={};
/**配置信息*/
this.config =PxerPrinter.defaultConfig();
config &&this.setConfig(config);
};
/**
* 设置配置信息
* @param {string|Object} key - 要设置的key或是一个将被遍历合并的对象
* @param {string} [value] - 要设置的value
* */
setConfig(key ,value){
if(arguments.length ===1 && typeof key ==='object'){
let obj =key;
for(let objKey in obj){
if(objKey in this.config) this.config[objKey] =obj[objKey];
else console.warn(`PxerPrinter.setConfig: skip key "${objKey}"`);
};
}else{
if(!(key in this.config)) throw new Error(`PxerPrinter.setConfig: ${key} is not in config`);
this.config[key]=value;
}
return this;
};
};
/**
* 根据作品列表将下载地址填充到PxerPrinter#address
* @param {PxerWorks[]} worksList
* @return {void}
* */
PxerPrinter.prototype['fillAddress'] =function(worksList){
for(let works of worksList){
let configKey =PxerPrinter.getWorksKey(works);
if(configKey==='ugoira_zip' &&this.config['ugoira_frames']==='yes'){
this.ugoiraFrames[works.id] =works.frames
}
if(!(configKey in this.config)) throw new Error(`PxerPrinter.fillAddress: ${configKey} in not in config`);
if(this.config[configKey]==='no') continue;
this.address.push(...PxerPrinter.countAddress(works,this.config[configKey]));
}
};
/**
* 根据作品将可读的下载信息填充到PxerPrinter#taskInfo
* @param {PxerWorks[]} worksList
* @return {void}
* */
PxerPrinter.prototype['fillTaskInfo'] =function(worksList){
var [manga,ugoira,illust,multiple,single,worksNum,address] =new Array(20).fill(0);
for(let works of worksList){
let configKey =PxerPrinter.getWorksKey(works);
if(this.config[configKey]==='no') continue;
worksNum++;
switch(works.type){
case 'manga':
manga++;
break;
case 'ugoira':
ugoira++;
break;
case 'illust':
illust++;
break;
default:
console.error(works);
throw new Error(`PxerPrinter.fillTaskInfo: works.type illegal`);
break;
};
if(works.isMultiple){
multiple++;
address +=works.multiple;
}else{
address++;
single++;
}
}
this.taskInfo =eval(pxer.t('phrase.taskInfo'));
};
/**
* 将结果输出
* 确保下载地址和任务信息已被填充
* */
PxerPrinter.prototype['print'] =function(){
/**判断输出动图参数*/
if((this.config['ugoira_frames'] ==="yes")&&(Object.keys(this.ugoiraFrames).length !==0)){
let win =window.open(document.URL ,'_blank');
if(!win){
alert(pxer.t('phrase.blockOpen'));
return;
};
var scriptname="";
switch (navigator.platform) {
case "Win32":scriptname="bat批处理"; break;
default:scriptname="bash"; break;
}
let str =[
'<p>/** 这个页面是自动生成的使用FFmpeg自行合成动图的'+scriptname+'脚本，详细使用教程见<a href="http://pxer.pea3nut.org/md/ugoira_concat" target="_blank" >http://pxer.pea3nut.org/md/ugoira_concat</a> */</p>',
'<textarea style="height:100%; width:100%" readonly>',
...this.generateUgoiraScript(this.ugoiraFrames),
'</textarea>',
];
win.document.write(str.join('\n'));
};
{/**输出下载地址*/
let win = window.open(document.URL ,'_blank');
if(!win){
alert(pxer.t('phrase.blockOpen'));
return;
};
let str = [
`<p>${pxer.t('phrase.pointPage')}</p>`,
`<p>${this.taskInfo}</p>`,
'<textarea style="height:100%; width:100%" readonly>' ,
this.address.join('\n') ,
'</textarea>' ,
];
win.document.write(str.join('\n'));
}
};
/**
* 根据作品类型，生成配置信息的key
* @param {PxerWorks} works
* @return {string}
* @see PxerPrinter.defaultConfig
* */
PxerPrinter.getWorksKey =function(works){
var configKey =null;
if(works.type === 'ugoira'){
configKey ='ugoira_zip';
}else{
configKey =works.type+(
works.isMultiple
?'_multiple'
:'_single'
);
};
return configKey;
};
/**
* 根据动图参数，生成ffmpeg脚本
* @param 动图参数
* @return {String[]} 生成的脚本行
* @see PxerPrinter.prototype['print']
*/
PxerPrinter.prototype['generateUgoiraScript'] =function(frames) {
var lines=[];
var resstring;
var ffmpeg;
var isWindows = ['Win32', 'Win64', 'Windows', 'WinCE'].indexOf(navigator.platform)!==-1;
switch (this.config.ugoira_zip) {
case "max": resstring = "1920x1080"; break;
case "600p": resstring = "600x338"; break;
}
var slashstr = "";
if (isWindows) {
slashstr="^";
ffmpeg="ffmpeg";
lines.push("@echo off");
lines.push("set /p ext=请输入输出文件扩展名(mp4/gif/...):");
} else {
slashstr="\\";
ffmpeg="$ffmpeg";
lines.push("#!/bin/bash");
lines.push("");
lines.push("{ hash ffmpeg 2>/dev/null && ffmpeg=ffmpeg;} || { [ -x ./ffmpeg ] && ffmpeg=./ffmpeg;} || { echo >&2 \"Failed to locate ffmpeg executable. Aborting.\"; exit 1;}");
lines.push("read -p '请输入输出文件扩展名(mp4/gif/...):' ext");
}
for (let key in frames) {
var foldername = key + "_ugoira" + resstring;
var confpath = foldername + "/config.txt";
var height = frames[key].height;
var width = frames[key].width;
if (this.config.ugoira_zip==="600p") {
var scale = Math.max(height, width)/600;
height = parseInt(height/scale);
width = parseInt(width/scale);
}
lines.push(isWindows?("del "+ foldername + "\\config.txt >nul 2>nul"):("rm "+ foldername + "/config.txt &> /dev/null"));
for (let frame of frames[key].framedef) {
lines.push("echo file "+slashstr+"'" + frame['file']+ slashstr +"' >> "+confpath);
lines.push("echo duration " + frame['delay']/1000 + " >> "+ confpath);
}
lines.push("echo file "+ slashstr + "'" +frames[key].framedef[frames[key].framedef.length-1]['file'] + slashstr + "' >> "+confpath);
lines.push(isWindows? "if %ext%==gif (":"if [ $ext == \"gif\"]; then");
lines.push(ffmpeg+" -f concat -i "+confpath+" -vf palettegen "+foldername+"/palette.png");
lines.push(ffmpeg+" -f concat -i "+confpath+" -i "+foldername+"/palette.png -lavfi paletteuse -framerate 30 -vsync -1 -s "+width+"x"+height+" "+foldername+"/remux." + (isWindows? "%ext%":"$ext"));
lines.push(isWindows? ") else (":"else");
lines.push(ffmpeg+" -f concat -i "+confpath+" -framerate 30 -vsync -1 -s "+width+"x"+height+" "+foldername+"/remux." + (isWindows? "%ext%":"$ext"));
lines.push(isWindows? ")":"fi");
}
if (isWindows) {
lines.push("echo 完成 & pause");
} else {
lines.push("read -n 1 -p \"完成，按任意键退出\" m && echo");
}
return lines;
}
/**返回默认的配置对象*/
PxerPrinter.defaultConfig =function(){
return{
"manga_single" :"max",//[max|600p|no]
"manga_multiple" :"max",//[max|1200p|cover_600p|no]
"illust_single" :"max",//[max|600p|no]
"illust_multiple" :"max",//[max|1200p|cover_600p|no]
"ugoira_zip" :"no",//[max|600p|no]
"ugoira_frames" :"no",//[yes|no]
};
};
/**作品页跳过过滤 */
PxerPrinter.printAllConfig =function(){
return{
"manga_single" :"max",//[max|600p|no]
"manga_multiple" :"max",//[max|1200p|cover_600p|no]
"illust_single" :"max",//[max|600p|no]
"illust_multiple" :"max",//[max|1200p|cover_600p|no]
"ugoira_zip" :"max",//[max|600p|no]
"ugoira_frames" :"yes",//[yes|no]
};
}
/**
* 拼装动图原始地址
* @param {PxerUgoiraWorks} works - 作品
* @param {string} [type] - 拼装类型 [max|600p]
* @return {Array}
* */
PxerPrinter.getUgoira =function(works ,type='max'){
const tpl ={
"max" :"https://#domain#/img-zip-ugoira/img/#date#/#id#_ugoira1920x1080.zip",
"600p" :"https://#domain#/img-zip-ugoira/img/#date#/#id#_ugoira600x600.zip",
};
var address =tpl[type];
if(!address) throw new Error(`PxerPrint.getUgoira: unknown type "${type}"`);
for(let key in works){
address =address.replace(`#${key}#` ,works[key]);
};
return [address];
};
/**
* 拼装多副原始地址
* @param {PxerMultipleWorks} works - 作品
* @param {string} [type] - 拼装类型 [max|1200p|cover_600p]
* @return {Array}
* */
PxerPrinter.getMultiple =function(works ,type='max'){
const tpl ={
"max" :"https://#domain#/img-original/img/#date#/#id#_p#index#.#fileFormat#",
"1200p" :"https://#domain#/c/1200x1200/img-master/img/#date#/#id#_p#index#_master1200.jpg",
"cover_600p" :"https://#domain#/c/600x600/img-master/img/#date#/#id#_p0_master1200.jpg",
};
var address =tpl[type];
if(!address) throw new Error(`PxerPrint.getMultiple: unknown type "${type}"`);
for(let key in works){
address =address.replace(`#${key}#` ,works[key]);
};
//渲染多张
var addressList =[];
for(let i=0 ;i<works.multiple ;i++){
addressList.push(address.replace('#index#' ,i));
};
return addressList;
};
/**
* 拼装单副原始地址
* @param {PxerWorks} works - 作品
* @param {string=max} [type] - 拼装类型 [max|600p]
* @return {Array}
* */
PxerPrinter.getWorks =function (works ,type='max'){
const tpl ={
"max" :"https://#domain#/img-original/img/#date#/#id#_p0.#fileFormat#",
"600p" :"https://#domain#/c/600x600/img-master/img/#date#/#id#_p0_master1200.jpg",
};
var address =tpl[type];
if(!address) throw new Error(`PxerPrint.getWorks: unknown type "${type}"`);
for(let key in works){
address =address.replace(`#${key}#` ,works[key]);
}
return [address];
};
/**
* 智能拼装原始地址，对上述的简单封装
* @param {PxerWorks} [works]
* @param {...arguments} [argn]
* @return {Array}
* */
PxerPrinter.countAddress =function(works,argn){
switch(true){
case works.type === 'ugoira':
return PxerPrinter.getUgoira(...arguments);
case works.isMultiple:
return PxerPrinter.getMultiple(...arguments);
default:
return PxerPrinter.getWorks(...arguments);
};
};
;
// src/app/PxerThread.js
class PxerThread extends PxerEvent{
/**
* @param id {string} 线程的ID，便于调试
* @param {Object} config 线程的配置信息
* */
constructor({id ,config}={}){
super(['load','error','fail']);
/**当前线程的ID*/
this.id =id;
/**
* 当前线程的状态
* - free
* - ready
* - error
* - fail
* - running
* */
this.state='free';
/**线程执行的任务*/
this.task =null;
/**
*
* */
this.config =config ||{
/**ajax超时重试时间*/
timeout:8000,
/**最多重试次数*/
retry:5,
};
/**运行时参数*/
this.runtime ={};
/**使用的xhr对象*/
this.xhr =null;
};
};
/**
* 对抓取到的URL和HTML进行校验
* @param {string} url
* @param {string} html
* @return {string|true} 返回字符串表示失败
* */
PxerThread.checkRequest =function(url ,html){
if(!html) return 'empty';
if(html.indexOf("_no-item _error") !==-1){
if(html.indexOf("sprites-r-18g-badge") !==-1) return 'r-18g';
if(html.indexOf("sprites-r-18-badge") !==-1) return 'r-18';
};
if(html.indexOf("sprites-mypixiv-badge") !==-1) return 'mypixiv';
return true;
};
/**终止线程的执行*/
PxerThread.prototype['stop'] =function(){
this.xhr.abort();
};
/**
* 初始化线程
* @param {PxerRequest} task
* */
PxerThread.prototype['init'] =function(task){
this.task=task;
this.runtime ={};
this.state ='ready';
// 必要的检查
if(Number.isNaN(+this.config.timeout)||Number.isNaN(+this.config.retry)){
throw new Error(`PxerThread#init: ${this.id} config illegal`);
}
//判断行为，读取要请求的URL
if(this.task instanceof PxerWorksRequest){
this.runtime.urlList =this.task.url.slice();
this.runtime.urlList.push(pxer.URLGetter.illustInfoById(this.task.id));
}else if(this.task instanceof PxerPageRequest){
this.runtime.urlList =[this.task.url];
}else{
this.dispatch('error' ,`PxerThread#${this.id}.init: unknown task`);
return false;
};
};
/**
* 使用PxerThread#xhr发送请求
* @param {string} url
* */
PxerThread.prototype['sendRequest'] =function(url){
this.state ='running';
this.xhr.open('GET' ,url ,true);
// 单副漫画请求需要更改Referer头信息
if(
this.task instanceof PxerWorksRequest
&& this.task.type ==='manga'
&& this.task.isMultiple===false
&& /mode=big/.test(url)
){
var referer =this.task.url.find(item=>item.indexOf('mode=medium')!==-1);
var origin =document.URL;
if(!referer){
this.dispatch('error','PxerThread.sendRequest: cannot find referer');
};
history.replaceState({} ,null ,referer);
this.xhr.send();
history.replaceState({} ,null ,origin);
}else{
this.xhr.send();
};
};
/**运行线程*/
PxerThread.prototype['run'] =function _self(){
const URL =this.runtime.urlList.shift();
if(!URL){
this.state ='free';
this.task.completed =true;
this.dispatch("load" ,this.task);
return true;
}
const XHR =new XMLHttpRequest();
this.xhr =XHR;
XHR.timeout =this.config.timeout;
XHR.responseType ='text';
var retry=0;
XHR.addEventListener('timeout',()=>{
if(++retry > this.config.retry){
this.state ='fail';
this.dispatch('fail' ,new PxerFailInfo({
task :this.task,
url :URL,
type :'timeout',
xhr :XHR,
}));
return false;
}else{
this.sendRequest(URL);
}
});
XHR.addEventListener("load" ,()=>{
if(XHR.status.toString()[0]!=='2' &&XHR.status!==304){
this.state ='fail';
this.dispatch('fail' ,new PxerFailInfo({
task :this.task,
url :URL,
type :'http:'+XHR.status,
}));
return false;
};
// 判断是否真的请求成功
var msg =PxerThread.checkRequest(URL ,XHR.responseText);
if(msg !==true){
this.state ='fail';
this.dispatch('fail' ,{
task :this.task,
url :URL,
type :msg,
});
return false;
};
// 执行成功回调
if(this.task instanceof PxerWorksRequest){
this.task.html[URL] =XHR.responseText;
}else{
this.task.html =XHR.responseText;
};
_self.call(this);//递归
return true;
});
XHR.addEventListener("error" ,()=>{
this.state ='error';
this.dispatch('error' ,{
task :this.task,
url :URL,
});
});
this.sendRequest(URL);
};
;
// src/app/PxerThreadManager.js
class PxerThreadManager extends PxerEvent{
/**
* @param {number} timeout - 超时时间
* @param {number} retry - 重试次数
* @param {number} thread - 线程数
* */
constructor({timeout=5000,retry=3,thread=8}={}){
super(['load' ,'error' ,'fail' ,'warn']);
this.config ={timeout,retry,thread};
/**
* 任务列表
* @type {PxerRequest[]}
* */
this.taskList =[];
/**执行的任务列表的指针，指派了下一条要执行的任务*/
this.pointer =0;
/**
* 存放的线程对象
* @type {PxerThread[]}
* */
this.threads =[];
/**
* 每当执行任务开始前调用的中间件
* @type {Function[]} 返回true继续执行，false终止执行
* */
this.middleware =[function(task){
return !!task;
}];
/**运行时用到的变量*/
this.runtime ={};
};
};
/**
* 停止线程的执行，实际上假装任务都执行完了
* 停止后还会触发load事件，需要一段时间
* */
PxerThreadManager.prototype['stop'] =function(){
this.pointer =this.taskList.length+1;
};
/**
* 初始化线程管理器
* @param {PxerRequest[]} taskList
* */
PxerThreadManager.prototype['init'] =function(taskList){
if(! this.taskList.every(request=>request instanceof PxerRequest)){
this.dispatch('error' ,'PxerThreadManager.init: taskList is illegal');
return false;
}
// 初始任务与结果
this.taskList=taskList;
this.runtime ={};
this.pointer =0;
// 建立线程对象
this.threads =[];
for(let i=0 ;i<this.config.thread ;i++){
this.threads.push(new PxerThread({
id:i,
config:{
timeout :this.config.timeout,
retry :this.config.retry,
},
}));
};
return this;
};
/**
* 运行线程管理器
* */
PxerThreadManager.prototype['run'] =function(){
if(this.taskList.length ===0){
this.dispatch('warn','PxerApp#run: taskList.length is 0');
this.dispatch('load',[]);
return false;
};
for(let thread of this.threads){
thread.on('load' ,data=>{
next(this,thread);
});
thread.on('fail' ,(pfi)=>{
this.dispatch('fail',pfi);
next(this,thread);
});
thread.on('error' ,this.dispatch.bind(this ,'error'));
next(this,thread);
};
function next(ptm ,thread){
if(ptm.middleware.every(fn=>fn(ptm.taskList[ptm.pointer]))){
thread.init(ptm.taskList[ptm.pointer++]);
thread.run();
}else if(ptm.threads.every(thread=>['free','fail','error'].indexOf(thread.state)!==-1)){
ptm.dispatch('load' ,ptm.taskList);
};
}
};
;
// src/app/PxerApp.js
'use strict';
/**
* Pxer主程序对象，与所有模块都是强耦合关系
* 若你想阅读源码，建议不要从这个类开始
* @class
* */
class PxerApp extends PxerEvent{
constructor(){
/**
* 可能被触发的事件
* - stop 被终止时
* - error 出错时
* - executeWroksTask 执行作品抓取时
* - finishWorksTask 完成作品抓取时
* - executePageTask 执行页码抓取时
* - finishPageTask 完成页码抓取时
* - finishTask 完成所有任务
* */
super([
'executeWroksTask','executePageTask',
'finishWorksTask','finishPageTask',
'error','stop',
]);
/**
* 当前页面类型。可能的值
* @type {string}
* */
this.pageType = getPageType(document);
/**
* 页面的作品数量
* @type {number|null}
* @see PxerApp.init
* */
this.worksNum =null;
/**
* 任务队列
* @type {PxerRequest[]}
* */
this.taskList=[];
/**
* 失败的任务信息
* @type {PxerFailInfo[]}
* */
this.failList=[];
/**
* 抓取到的结果集
* @type {PxerWorks[]}
* */
this.resultSet=[];
/**
* 过滤得到的结果集
* @type {PxerWorks[]}
* */
this.filterResult=[];
/**
* 任务配置选项，用来指派任务执行过程中的一些逻辑
* 必须在PxerApp#initPageTask调用前配置
* */
this.taskOption={
/**仅抓取前几副作品*/
limit :null,
/**遇到id为x的作品停止后续，不包括本id*/
stopId :null,
};
// 其他对象的配置参数
this.ptmConfig ={//PxerThreadManager
timeout:5000,
retry:3,
thread:8,
};
this.ppConfig =this.pageType.startsWith("works_")? PxerPrinter.printAllConfig() : PxerPrinter.defaultConfig();//PxerPrinter
this.pfConfig =PxerFilter.defaultConfig();//PxerFilter
// 使用的PxerThreadManager实例
this.ptm =null;
pxer.app = this;
};
static canCrawl(doc = document) { return ['search', 'search_spa', 'search_tag', 'works_medium', 'rank', 'bookmark_new', 'discovery', 'bookmark_works', 'member_works_new'].includes(pxer.util.getPageType(doc)); }
/**
* 初始化时的耗时任务
*/
async init(){
this.worksNum = await PxerApp.getWorksNum(document);
}
/**
* 停止执行当前任务
* 调用后仍会触发对应的finish*事件
* */
stop(){
this.dispatch('stop');
this.ptm.stop();
};
/**初始化批量任务*/
initPageTask(){
if(typeof this.pageType !=='string' || typeof this.worksNum!=='number'){
this.dispatch('error','PxerApp.initPageTask: pageType or number illegal');
return false;
};
let onePageWorksNumber = getOnePageWorkCount(this.pageType);
var pageNum =Math.ceil(
this.taskOption.limit
? this.taskOption.limit
: this.worksNum
)/onePageWorksNumber;
if (this.pageType==="discovery") {
var mode;
switch (true) {
case document.URL.match(/mode=(r18|safe|all)/)===null: mode = "all"; break;
default: mode = document.URL.match(/mode=(r18|safe|all)/)[1]; break;
}
var recomCount = (this.taskOption.limit? this.taskOption.limit: this.worksNum);
this.taskList.push(new PxerPageRequest({
url : `https://www.pixiv.net/rpc/recommender.php?type=illust&sample_illusts=auto&num_recommendations=${recomCount}&page=discovery&mode=${mode}&tt=${pixiv.context.token}`,
type:this.pageType,
}));
} else if (this.pageType==="member_works_new"){
var uid = getIDfromURL()
var type = document.URL.match(/type=(\w+)/)?document.URL.match(/type=(\w+)/)[1]:"all"
this.taskList.push(new PxerPageRequest({
url: `https://www.pixiv.net/ajax/user/${uid}/profile/all`,
type: type?`userprofile_${type}`:"userprofile_all",
}))
} else if (this.pageType==="bookmark_works"){
const queryInfo = new URLSearchParams(location.search);
for (let offset =0;offset<48*pageNum;offset+=48) {
let id = getIDfromURL() || getIDfromURL("id", document.querySelector("a.user-name").getAttribute("href")) // old bookmark page
this.taskList.push(new PxerPageRequest({
type:this.pageType,
url: `https://www.pixiv.net/ajax/user/${id}/illusts/bookmarks?tag=&offset=${offset}&limit=48&rest=${queryInfo.get('rest') || 'show'}`
}))
}
} else if (['search_spa', 'search_tag'].includes(this.pageType)){
for (let page = 0; page < pageNum; page++) {
this.taskList.push(new PxerPageRequest({
url: pxer.URLGetter.search({ page }),
type: this.pageType,
}));
}
} else if (this.pageType === 'bookmark_new'){
for (let page = 0; page < pageNum; page++) {
this.taskList.push(new PxerPageRequest({
url: pxer.URLGetter.bookmarkNew({ page }),
type: this.pageType,
}));
}
} else {
var separator =document.URL.includes("?")?"&":"?";
var extraparam = this.pageType==='rank'? "&format=json" : "";
for(var i=0 ;i<pageNum ;i++){
this.taskList.push(new PxerPageRequest({
type:this.pageType,
url :document.URL+separator+"p="+(i+1)+extraparam,
}));
};
};
};
/**抓取页码*/
executePageTask(){
if(this.taskList.length ===0){
this.dispatch('error','PxerApp.executePageTask: taskList is empty');
return false;
};
if(! this.taskList.every(request=>request instanceof PxerPageRequest)){
this.dispatch('error' ,'PxerApp.executePageTask: taskList is illegal');
return false;
};
this.dispatch('executePageTask');
var ptm =this.ptm =new PxerThreadManager(this.ptmConfig);
ptm.on('error' ,(...argn)=>this.dispatch('error',argn));
ptm.on('warn' ,(...argn)=>this.dispatch('error',argn));
ptm.on('load',()=>{
var parseResult =[];
for(let result of this.taskList){
result =PxerHtmlParser.parsePage(result);
if(!result){
this.dispatch('error',window['PXER_ERROR']);
continue;
}
parseResult.push(...result);
};
this.resultSet =parseResult;
this.dispatch('finishPageTask' ,parseResult);
});
ptm.on('fail',(pfi)=>{
ptm.pointer--;//失败就不停的尝试
});
ptm.init(this.taskList);
ptm.run();
};
/**
* 抓取作品
* @param {PxerWorksRequest[]} tasks - 要执行的作品请求数组
* */
executeWroksTask(tasks=this.taskList){
if(tasks.length ===0){
this.dispatch('error','PxerApp.executeWroksTask: taskList is empty');
return false;
};
if(! tasks.every(request=>request instanceof PxerWorksRequest)){
this.dispatch('error' ,'PxerApp.executeWroksTask: taskList is illegal');
return false;
};
// 任务按ID降序排列(#133)
if (['member_info', 'member_works_new', 'member_works'].includes(this.pageType)) {
tasks.sort((a,b)=>Number(b.id)-Number(a.id));
}
this.dispatch('executeWroksTask');
var ptm =this.ptm =new PxerThreadManager(this.ptmConfig);
ptm.on('error' ,(...argn)=>this.dispatch('error',argn));
ptm.on('warn' ,(...argn)=>this.dispatch('error',argn));
// 根据taskOption添加ptm中间件
if(this.taskOption.limit){
ptm.middleware.push((task)=>{
return ptm.pointer<this.taskOption.limit;
});
}
if(this.taskOption.stopId){
ptm.middleware.push((task)=>{
if(task.id==this.taskOption.stopId){
ptm.stop();
return false;
}
return true;
});
}
ptm.on('load',()=>{
this.resultSet =[];
var tl =this.taskList.slice(//限制结果集条数
0,
this.taskOption.limit
? this.taskOption.limit
: undefined
);
for(let pwr of tl){
if(!pwr.completed)continue;//跳过未完成的任务
let pw =PxerHtmlParser.parseWorks(pwr);
if(!pw){
pwr.completed=false;
ptm.dispatch('fail',new PxerFailInfo({
type :'parse',
task :pwr,
url :pwr.url[0],
}));
this.dispatch('error',window['PXER_ERROR']);
continue;
}
this.resultSet.push(pw);
}
this.dispatch('finishWorksTask' ,this.resultSet);
});
ptm.on('fail' ,pfi=>{
this.failList.push(pfi);
});
ptm.init(tasks);
ptm.run();
return true;
};
/**对失败的作品进行再抓取*/
executeFailWroks(list=this.failList){
// 把重试的任务从失败列表中减去
this.failList =this.failList.filter(pfi=>list.indexOf(pfi)===-1);
// 执行抓取
this.executeWroksTask(list.map(pfi=>pfi.task))
};
/**抓取页码完成后，初始化，准备抓取作品*/
switchPage2Works(len=this.resultSet.length){
this.taskList =this.resultSet.slice(0 ,len);
this.resultSet =[];
};
/**
* 获取当前抓取到的可读的任务信息
* @return {string}
* */
getWorksInfo(){
var pp =new PxerPrinter(this.ppConfig);
var pf =new PxerFilter(this.pfConfig);
pp.fillTaskInfo(pf.filter(this.resultSet));
return pp.taskInfo;
};
/**
* 输出抓取到的作品
* */
printWorks(){
var pp =new PxerPrinter(this.ppConfig);
var pf =new PxerFilter(this.pfConfig);
var works =pf.filter(this.resultSet);
pp.fillTaskInfo(works);
pp.fillAddress(works);
pp.print();
};
};
/**直接抓取本页面的作品*/
PxerApp.prototype['getThis'] =async function(){
// 生成任务对象
var id = pxer.util.getIDfromURL("illust_id") || document.URL.match(pxer.regexp.urlWorkDetail)[1];
var initdata = await pxer.util.fetchPixivApi(pxer.URLGetter.illustInfoById(id));
var type = initdata.illustType;
var pageCount = initdata.pageCount;
var pwr =new PxerWorksRequest({
isMultiple :pageCount>1,
id :id,
});//[manga|ugoira|illust]
switch (type) {
case 2: pwr.type ='ugoira'; break;
case 1: pwr.type ='illust'; break;
case 0: pwr.type ='manga'; break;
default:throw new Error("Unknown work type. id:" +id);
}
pwr.url =PxerHtmlParser.getUrlList(pwr);
// 添加执行
this.taskList = [pwr];
this.one('finishWorksTask',()=>this.printWorks());
this.executeWroksTask();
return true;
};
/**
* 获取当前页面的总作品数
* @param {Document=document} dom - 页面的document对象
* @return {number} - 作品数
* */
PxerApp.getWorksNum =function(dom=document){
return new Promise((resolve, reject)=>{
const pageType = pxer.util.getPageType(dom);
if (pageType === "rank") {
let queryurl = dom.URL + "&format=json";
let xhr = new XMLHttpRequest();
xhr.open("GET", queryurl);
xhr.onload = (e) => resolve(JSON.parse(xhr.responseText)['rank_total']);
xhr.send();
} else if (pageType === "bookmark_new") {
// 关注的新作品页数最多100页
// 因为一般用户关注的用户数作品都足够填满100页，所以从100开始尝试页数
// 如果没有100页进行一次二分查找
this.getFollowingBookmarkWorksNum(0, 100).then((res) => resolve(res));
} else if (pageType === "discovery"){
resolve(3000);
} else if (pageType === "bookmark_works"){
const queryInfo = new URLSearchParams(location.search);
let id = getIDfromURL("id", dom.URL) || getIDfromURL("id", dom.querySelector("a.user-name").getAttribute("href")) // old bookmark page
let queryurl = `https://www.pixiv.net/ajax/user/${id}/illusts/bookmarks?tag=&offset=0&limit=48&rest=${queryInfo.get('rest') || 'show'}`;
let xhr = new XMLHttpRequest();
xhr.open("GET", queryurl);
xhr.onload = (e) => {
resolve(JSON.parse(xhr.responseText).body.total)
};
xhr.send();
} else if (pageType === "member_works_new") {
let queryurl = `https://www.pixiv.net/ajax/user/${getIDfromURL()}/profile/all`;
let xhr = new XMLHttpRequest();
xhr.open("GET", queryurl);
xhr.onload = (e) => {
var resp = JSON.parse(xhr.responseText).body;
var type = dom.URL.match(/type=(manga|illust)/);
var getKeyCount = function(obj) {
return Object.keys(obj).length
}
if (!type) {
resolve(getKeyCount(resp.illusts)+getKeyCount(resp.manga))
} else if (type[1]==="illust") {
resolve(getKeyCount(resp.illusts))
} else {
resolve(getKeyCount(resp.manga))
}
};
xhr.send();
} else if (['search_spa', 'search_tag'].includes(pageType)) {
pxer.util.fetchPixivApi(pxer.URLGetter.search()).then(data => {
resolve(data.illustManga.total);
});
} else {
let elt = dom.querySelector(".count-badge");
if (!elt) resolve(null);
resolve(parseInt(elt.innerHTML));
}
})
};
/**
* 获取关注的新作品页的总作品数
* @param {number} startPage - 最小页数
* @param {number} maxPage - 最大页数
* @return {number} - 作品数
*/
PxerApp.getFollowingBookmarkWorksNum = async function(startPage, maxPage){
const requestForCount = async (page = 0) => {
const data = await fetch(pxer.URLGetter.bookmarkNew({ page }));
return (await data.json()).body.page.ids.length;
};
// count how many item per page
const pageSize = await requestForCount();
// dichotomy search for the last page
const [lastPage, lastPageSize] = await (async () => {
const maxPageSize = await requestForCount(maxPage);
if (maxPageSize > 0) return [maxPage, maxPageSize];
let currentMinPage = startPage;
let currentMaxPage = maxPage;
let currentPage = ~~(maxPage / 2);
while (true) {
const currentPageSize = await requestForCount(currentPage);
if (currentPageSize > 0 && currentPageSize < pageSize) {
return [currentPage, currentPageSize];
}
if (currentPage === startPage || currentPage === maxPage) {
return [currentPage, pageSize];
}
if (currentPageSize === 0) {
currentMaxPage = currentPage;
currentPage -= Math.ceil((currentPage - currentMinPage - 1) / 2);
} else if (currentPageSize === pageSize) {
currentMinPage = currentPage;
currentPage += Math.ceil((currentMaxPage - currentPage) / 2);
}
}
})();
return (lastPage - startPage) * pageSize + lastPageSize;
}
;
// src/view/analytics.js
(function () {
let uid = localStorage.getItem('pxer_uid');
if (!uid) {
uid = Number(Math.random().toString().split('.')[1]).toString(36);
localStorage.setItem('pxer_uid', uid);
}
const eventSender = new EventSender('https://point.pea3nut.org/events', {
uid,
app_name: 'pxer-app',
get event_page() { return pxer.util.getPageType(); },
get referer() { return location.href; },
});
eventSender.setContent({
mode: PXER_MODE,
url: PXER_URL,
lang: pxer.lang,
});
pxer.sendEvent = eventSender.send.bind(eventSender);
})();
;
// src/view/AutoSuggestControl.js
'use strict';
/*!
* Copyright (c) 2013 Profoundis Labs Pvt. Ltd., and individual contributors.
*
* All rights reserved.
*/
/*
* Redistribution and use in source and binary forms, with or without modification,
* are permitted provided that the following conditions are met:
*
* 1. Redistributions of source code must retain the above copyright notice,
* this list of conditions and the following disclaimer.
*
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
*
* 3. Neither the name of autojs nor the names of its contributors may be used
* to endorse or promote products derived from this software without
* specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
* ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
* ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
* ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
* SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*
* reuses a lot of code from Nicholas C. Zakas textfield autocomplete example found here
* http://oak.cs.ucla.edu/cs144/projects/javascript/suggest1.html
*
*/
/*
* An autosuggest textbox control.
* @class
* @scope public
*/
class AutoSuggestControl {
constructor(id_or_element, provider) {
this.provider = provider;
/**
* The textbox to capture, specified by element_id.
* @scope private
*/
this.textbox /*:HTMLInputElement*/ = typeof id_or_element == "string" ? document.getElementById(id_or_element) : id_or_element;
//initialize the control
this.init();
}
}
/**
* Autosuggests one or more suggestions for what the user has typed.
* If no suggestions are passed in, then no autosuggest occurs.
* @scope private
* @param aSuggestions An array of suggestion strings.
*/
AutoSuggestControl.prototype.autosuggest = function (aSuggestions /*:Array*/) {
//make sure there's at least one suggestion
if (aSuggestions.length > 0) {
this.typeAhead(aSuggestions[0]);
}
};
/**
* Handles keyup events.
* @scope private
* @param oEvent The event object for the keyup event.
*/
AutoSuggestControl.prototype.handleKeyUp = function (oEvent /*:Event*/) {
var iKeyCode = oEvent.keyCode;
var evtobj = oEvent;
window.eventobj = evtobj;
if ((iKeyCode != 16 && iKeyCode < 32) || (iKeyCode >= 33 && iKeyCode <= 46) || (iKeyCode >= 112 && iKeyCode <= 123) || (iKeyCode == 65 && evtobj.ctrlKey) || (iKeyCode == 90 && evtobj.ctrlKey)) {
//ignore
if (iKeyCode == 90 && evtobj.ctrlKey) {
// window.getSelection().deleteFromDocument();
// TODO: need to find a way to select the rest of the text and delete.
}
} else {
//request suggestions from the suggestion provider
this.requestSuggestions(this)
}
};
/**
* Initializes the textarea with event handlers for
* auto suggest functionality.
* @scope private
*/
AutoSuggestControl.prototype.init = function () {
//save a reference to this object
var oThis = this;
//assign the onkeyup event handler
var lastDate = new Date();
oThis.textbox.onkeyup = function (oEvent) {
//check for the proper location of the event object
if (!oEvent) {
oEvent = window.event;
}
var newDate = new Date();
if (newDate.getTime() > lastDate.getTime() + 200) {
oThis.handleKeyUp(oEvent);
lastDate = newDate;
}
};
};
/**
* Selects a range of text in the textarea.
* @scope public
* @param iStart The start index (base 0) of the selection.
* @param iLength The number of characters to select.
*/
AutoSuggestControl.prototype.selectRange = function (iStart /*:int*/, iLength /*:int*/) {
//use text ranges for Internet Explorer
if (this.textbox.createTextRange) {
var oRange = this.textbox.createTextRange();
oRange.moveStart("character", iStart);
oRange.moveEnd("character", iLength);
oRange.select();
//use setSelectionRange() for Mozilla
} else if (this.textbox.setSelectionRange) {
this.textbox.setSelectionRange(iStart, iLength);
}
//set focus back to the textbox
this.textbox.focus();
};
/**
* Inserts a suggestion into the textbox, highlighting the
* suggested part of the text.
* @scope private
* @param sSuggestion The suggestion for the textbox.
*/
AutoSuggestControl.prototype.typeAhead = function (sSuggestion /*:String*/) {
//check for support of typeahead functionality
if (this.textbox.createTextRange || this.textbox.setSelectionRange){
var lastSpace = this.textbox.value.lastIndexOf(" ");
var lastQuote = this.textbox.value.lastIndexOf("'");
var lastHypen = this.textbox.value.lastIndexOf("-");
var lastDoubleQuote = this.textbox.value.lastIndexOf('"');
var lastEnter = this.textbox.value.lastIndexOf("\n");
var lastIndex = Math.max(lastSpace, lastEnter, lastQuote, lastHypen, lastDoubleQuote) + 1;
var contentStripped = this.textbox.value.substring(0, lastIndex);
var lastWord = this.textbox.value.substring(lastIndex, this.textbox.value.length);
this.textbox.value = contentStripped + sSuggestion; //.replace(lastWord,"");
var start = this.textbox.value.length - sSuggestion.replace(lastWord,"").length;
var end = this.textbox.value.length;
this.selectRange(start, end);
}
};
/**
* Request suggestions for the given autosuggest control.
*/
AutoSuggestControl.prototype.requestSuggestions = function () {
this.words = this.provider();
var aSuggestions = [];
var sTextbox = this.textbox.value;
var sTextboxSplit = sTextbox.split(/\s+/);
var sTextboxLast = sTextboxSplit[sTextboxSplit.length-1];
var sTextboxValue = sTextboxLast;
if (sTextboxValue.length > 0){
//search for matching words
for (var i=0; i < this.words.length; i++) {
if (this.words[i].indexOf(sTextboxValue.toLowerCase()) == 0) {
if (this.words[i].indexOf(sTextboxValue) == 0){
aSuggestions.push(this.words[i]);
}
else if (this.words[i].indexOf(sTextboxValue.charAt(0).toLowerCase() + sTextboxValue.slice(1)) == 0) {
aSuggestions.push(this.words[i].charAt(0).toUpperCase() + this.words[i].slice(1));
}
}
}
}
//provide suggestions to the control
this.autosuggest(aSuggestions);
};
;
// src/view/vm.js
pxer.util.afterLoad(function(){
const el = document.createElement('div');
const component = {
template: pxer.uiTemplate,
watch:{
currentUrl(){
this.state = 'standby';
this.taskInfo = '';
this.errmsg = '';
this.pageType = pxer.util.getPageType();
pxer.sendEvent('pv');
},
isRunning(value){
if(value&&this.runTimeTimer===null){
this.runTimeTimer = setInterval(()=>this.runTimeTimestamp++ ,1000);
}else{
clearInterval(this.runTimeTimer);
this.runTimeTimer =null;
}
},
tagFilterInfo: {
deep: true,
handler: 'onTagFilterInfoChange'
},
},
data(){return {
pxer: null,
showAll:false,
state:'standby',//[standby|init|ready|page|works|finish|re-ready|stop|error]
stateMap:{
standby:'待命',
init :'初始化',
ready :'就绪',
page :'抓取页码中',
works :'抓取作品中',
finish:'完成',
're-ready':'再抓取就绪',
stop :'用户手动停止',
error :'出错',
},
pxerVersion: pxer.package.version,
showPxerFailWindow:false,
runTimeTimestamp:0,
runTimeTimer:null,
checkedFailWorksList:[],
taskInfo:'',
tryFailWroksList:[],
showTaskOption:false,
taskOption:{
limit:'',
stopId:'',
},
showLoadBtn:true,
errmsg:'',
pageType: pxer.util.getPageType(),
currentUrl: document.URL,
showAllTagFilter: false,
showLoadingButton: false,
/**
* @property {'NECESSARY' | 'EXCLUDE' | 'WHATEVER'} [tagName] - default by WHATEVER
* */
tagFilterInfo: {},
}},
computed:{
isRunning(){
var runState =['page','works'];
return runState.indexOf(this.state)!==-1;
},
worksNum(){
return this.pxer.taskOption.limit ||this.pxer.worksNum;
},
taskCount(){
if (!this.pxer) return null;
var pageWorkCount = getOnePageWorkCount(this.pxer.pageType);
return Math.ceil(this.worksNum/pageWorkCount)+ +this.worksNum;
},
finishCount(){
if(this.state==='page'){
return this.pxer.taskList.filter(pr=>pr.completed).length;
}else if(this.state==='works'){
return (
this.pxer.taskList.filter(pr=>pr.completed).length
+~~(this.worksNum/20)
+this.pxer.failList.length
);
}else{
return -1;
};
},
forecastTime(){
if(this.isRunning&&this.finishCount){
return Math.ceil(
(this.runTimeTimestamp/this.finishCount)*this.taskCount
-this.runTimeTimestamp
);
}else{
return -1;
};
},
printConfigUgoira:{
get(){
return this.pxer.ppConfig.ugoira_zip+'-'+this.pxer.ppConfig.ugoira_frames;
},
set(value){
var arr =value.split('-');
this.pxer.ppConfig.ugoira_zip=arr[0];
this.pxer.ppConfig.ugoira_frames=arr[1];
}
},
no_tag_any:{
get(){
return this.pxer.pfConfig.no_tag_any.join(' ');
},
set(value){
this.pxer.pfConfig.no_tag_any =value.split(' ');
},
},
no_tag_every:{
get(){
return this.pxer.pfConfig.no_tag_every.join(' ');
},
set(value){
this.pxer.pfConfig.no_tag_every =value.split(' ');
},
},
has_tag_some:{
get(){
return this.pxer.pfConfig.has_tag_some.join(' ');
},
set(value){
this.pxer.pfConfig.has_tag_some =value.split(' ');
},
},
has_tag_every:{
get(){
return this.pxer.pfConfig.has_tag_every.join(' ');
},
set(value){
this.pxer.pfConfig.has_tag_every =value.split(' ');
},
},
showFailTaskList(){
if (!this.pxer) return [];
return this.pxer.failList
.filter((pfi)=>{
return this.tryFailWroksList.indexOf(pfi)===-1;
})
;
},
canCrawlDirectly() {
this.currentUrl;
return this.pageType === 'works_medium';
},
canCrawl() {
this.currentUrl;
return PxerApp.canCrawl();
},
/**
* @return {TagInfo}
*
* @typedef TagInfo
* @property {Array.<string>} tags - all tags without repeat
* @property {Object.<string, number>} count - The times of tag included in works
* */
tagInfo() {
const allTags = this.pxer.resultSet.reduce((result, works) => result.concat(works.tagList), []);
const countMap = {};
const noRepeatTags = [];
allTags.forEach(tag => {
if (!noRepeatTags.includes(tag)) {
noRepeatTags.push(tag);
}
countMap[tag] = countMap[tag] || 0;
countMap[tag]++;
});
noRepeatTags.sort((tag1, tag2) => countMap[tag2] - countMap[tag1]);
return {
tags: noRepeatTags,
count: countMap,
}
},
needFoldTagFilter() {
return this.tagInfo.tags.length > 60;
},
tagFilterFolded() {
return this.needFoldTagFilter && !this.showAllTagFilter;
},
},
methods:{
createPxerApp() {
this.pxer = new PxerApp();
this.pxer.on('error',(error)=>{
this.errmsg = error;
pxer.sendEvent('error', {
error,
PXER_ERROR: typeof PXER_ERROR !== 'undefined' ? PXER_ERROR : null,
});
});
this.pxer.on('finishWorksTask',(result) =>{
pxer.sendEvent('finish', {
result_count: result.length,
ptm_config: this.pxer.ptmConfig,
task_option: this.pxer.taskOption,
error_count: this.pxer.failList.length,
});
});
},
crawlDirectly() {
this.createPxerApp();
this.showLoadingButton = true;
this.pxer.one('finishWorksTask',()=>{
this.showLoadingButton = false;
this.state='standby';
});
this.pxer.getThis();
pxer.sendEvent('get-this', {
page_type:this.pxer.pageType,
});
},
load(){
this.createPxerApp();
this.state='init';
this.pxer.init().then(()=>this.state='ready');
this.pxer.on('finishWorksTask',()=>{
window.blinkTitle();
});
pxer.sendEvent('load', {
page_type:this.pxer.pageType,
});
},
run(){
pxer.sendEvent("start", {
ptm_config:this.pxer.ptmConfig,
task_option:this.pxer.taskOption,
vm_state:this.state,
});
if(this.state==='ready'){
this.state='page';
this.pxer.initPageTask();
this.pxer.one('finishPageTask',()=>{
this.state='works';
this.pxer.switchPage2Works();
this.pxer.executeWroksTask();
});
this.pxer.one('finishWorksTask',()=>{
this.state='finish';
});
this.pxer.executePageTask();
}else if(this.state==='re-ready'){
this.state='works';
this.pxer.one('finishWorksTask',()=>{
this.state='finish';
});
this.pxer.executeFailWroks(this.tryFailWroksList);
this.tryFailWroksList=[];
}
},
stop(){
this.state='stop';
this.pxer.stop();
pxer.sendEvent("halt", {
task_count:this.taskCount,
finish_count:this.finishCount,
});
},
count(){
this.taskInfo =this.pxer.getWorksInfo()
},
printWorks(){
this.pxer.printWorks();
var sanitizedpfConfig = {};
for (let key in this.pxer.pfConfig) {
sanitizedpfConfig[key] = this.pxer.pfConfig[key].length?this.pxer.pfConfig[key].length:this.pxer.pfConfig[key];
}
pxer.sendEvent("print", {
pp_config:this.pxer.ppConfig,
pf_config:sanitizedpfConfig,
task_option:this.pxer.taskOption,
});
},
useTaskOption(){
this.showTaskOption=false;
pxer.sendEvent("setTaskOption", {
task_option: this.taskOption,
});
Object.assign(this.pxer.taskOption ,this.taskOption);
},
formatFailType(type){
return{
'empty':'获取内容失败',
'timeout':'获取超时',
'r-18':'限制级作品（R-18）',
'r-18g':'怪诞作品（R-18G）',
'mypixiv':'仅好P友可见的作品',
'parse':'解析错误',
}[type]||type;
},
formatFailSolution(type){
return{
'empty':'点击左侧链接确认内容正确，再试一次~',
'timeout':'增加最大等待时间再试一次~',
'r-18':'开启账号R-18选项',
'r-18g':'开启账号R-18G选项',
'mypixiv':'添加画师好友再尝试',
'parse':'再试一次，若问题依旧，请<a href="https://github.com/pea3nut/Pxer/issues/5" target="_blank">反馈</a>给花生',
}[type]||'要不。。。再试一次？';
},
tryCheckedPfi(){
this.tryFailWroksList.push(...this.checkedFailWorksList);
pxer.sendEvent("reready", {
checked_works:this.checkedFailWorksList,
});
this.checkedFailWorksList=[];
this.state='re-ready';
},
formatTime(s){
return `${~~(s/60)}:${(s%60>=10)?s%60:'0'+s%60}`
},
t: pxer.t,
listenUrlChange(){
const vm = this;
const historyPushState = history.pushState;
const historyReplaceState = history.replaceState;
history.pushState = function (...args) {
historyPushState.apply(history, args);
setTimeout(() => vm.currentUrl = document.URL, 0);
};
history.replaceState = function (...args) {
historyReplaceState.apply(history, args);
setTimeout(() => vm.currentUrl = document.URL, 0);
};
},
// about filter by tag
countTagTheme(tagName) {
switch (this.tagFilterInfo[tagName]) {
default:
case 'WHATEVER': return 'btn-secondary';
case 'EXCLUDE': return 'btn-danger';
case 'NECESSARY': return 'btn-success';
}
},
onTagFilterInfoChange(value){
this.pxer.pfConfig.no_tag_any = [];
this.pxer.pfConfig.has_tag_some = [];
for(let [tagName, filterOption] of Object.entries(value)) {
switch (filterOption) {
case 'EXCLUDE':
this.pxer.pfConfig.no_tag_any.push(tagName);
break;
case 'NECESSARY':
this.pxer.pfConfig.has_tag_some.push(tagName);
break;
}
}
},
onTagClick(tagName) {
switch (this.tagFilterInfo[tagName]) {
default:
case 'WHATEVER':
this.$set(this.tagFilterInfo, tagName, 'EXCLUDE');
break;
case 'EXCLUDE':
this.$set(this.tagFilterInfo, tagName, 'NECESSARY');
break;
case 'NECESSARY':
this.$set(this.tagFilterInfo, tagName, 'WHATEVER');
break;
}
},
},
mounted(){
this.listenUrlChange();
pxer.loaded = true;
pxer.sendEvent('pv');
},
};
// find a element as anchor
[
elt => {
const target = document.querySelector('#root > header');
if (!target) return false;
target.appendChild(elt);
return true;
},
elt => {
const target = document.querySelector('._global-header');
if (!target) return false;
target.appendChild(elt);
return true;
},
elt => {
const target = document.getElementById('wrapper');
if (!target) return false;
target.insertBefore(elt, target.firstChild);
return true;
},
elt => {
document.body.insertBefore(elt, document.body.firstChild);
return true;
},
].some(fn => fn(el));
// mount UI
pxer.vm = new Vue(component).$mount(el);
});
;
}());
