您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
可能是目前最好用的P站批量抓图工具
// ==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 ||'[ OK ] '; 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); }); ; }());
QingJ © 2025
镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址